2016-05-02 11 views
0

を埋める私はMongoDBのデータベースからデータを取得し、JSPファイル内のテーブルにそれを表示するには、サーブレットを書いた:問題は、テーブル

サーブレットを:

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 

    MongoClient mongo = (MongoClient) request.getServletContext().getAttribute("MONGO_CLIENT"); 
    ArrayList <tt> tt = new ArrayList<tt>(); 
    DBO dao = new DB(mongo); 
    tt = dao.getAll(); 
    Gson gson = new Gson(); 
    JsonElement element = gson.toJsonTree(tt, new TypeToken<List<tt>>() {}.getType()); 
    JsonArray jsonArray = element.getAsJsonArray(); 
    log.debug(jsonArray.toString()); 
    response.setContentType("application/json"); 
    response.getWriter().print(jsonArray); 

} 

私JSPfileは含まれてい(今のところ)のJavaScriptファイル:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.get('/ttSRV/webttServlet',function(responseJson) { 
      if(responseJson!=null){ 
       $("#tttable").find("tr:gt(0)").remove(); 
       var table1 = $("#tttable"); 
       $.each(responseJson, function(key,value) { 
        var rowNew = $("<tr><td></td><td></td><td ></td><td></td><td></td><td></td><td></td></tr>"); 
        rowNew.children().eq(0).text(value['owner']); 
        rowNew.children().eq(1).text(value['nom']); 
        rowNew.children().eq(2).text(value['date']); 
        rowNew.children().eq(3).text(value['reception']); 
        rowNew.children().eq(4).text(value['ren']); 
        rowNew.children().eq(5).text(value['status']); 
        rowNew.children().eq(6).text("<a class=\"btn btn-success\" href=\"#\"><i class=\"icon-zoom-in icon-white\"></i>Voir</a><a class=\"btn btn-danger\" href=\"#\"><i class=\"icon-trash icon-white\"></i>Supprimer</a>"); 
        rowNew.appendTo(table1); 
       }); 
      } 
     });   
    }); 
</script> 

それは細かい作業が、私の最後の行です:

rowNew.children().eq(6).text 

には、アイテムを表示または削除するためのハイパーリンクが含まれており、文字列として表示されます。文字列ではなく<a>のハイパーリンクとして表示するにはどうすればよいですか?

答えて

0

rowNew.children().eq(6).text(rowNew.children().eq(6).html(に変更しましたか?

.text関数はテキストのみを表示し、htmlはRaw htmlを表示します。

$(document).ready(function(){ 
    $("#example1").text("<b>Hello world!</b>"); 
}); 

最初の例では、書き込み:<b>Hello world!</b>

$(document).ready(function(){ 
    $("#example2").html("<b>Hello world!</b>"); 
}); 

第二の例は、書き込み:こんにちは、世界!

+0

パーフェクト、それは今うまく動作します! – tiamat