问使用ajax调用填充显示表格
EN

Stack Overflow用户

提问于 2012-12-02 20:32:18

回答 2查看 3.1K关注 0票数 0

我正在使用portlet和spring MVC。我希望通过ajax调用获得一个条目列表，并将该列表用作display:table属性。

我使用这个ajax调用：

jQuery.ajax({ url:'<portlet:resourceURL id="recuperarDatosAF">
 </portlet:resourceURL>', data: {idExpediente:expediente}, type: 'POST',
  datatype:'json', success: function(data) { 
      alert(data); 
  }

每次用户选择组合框中的一项时，都会执行此调用。每次恢复时都不同的项目列表。

我的问题是:如何使用我刚得到的列表生成displaytable？

有没有办法用这个列表更新在jsp中定义的display: table？

我定义的显示检索requestScope的列表，但我希望通过ajax调用检索该列表。

我的显示:表：

       <display:table id="docentes" name="${requestScope.docentesList}"                       
                                           htmlId="resultadosDocentesListTable"
                                           pagesize="4"
                                           class="displayTagTable"
                                           uid="docente">

jquery

ajax

displaytag

回答 2

Stack Overflow用户

发布于 2012-12-02 20:41:36

http://jsfiddle.net/kVdZG/

从json数据生成表的脚本，用下面的代码替换警报(数据)，这里的data.scores是我的数据

var data = { "scores" : [ ["3/1/2011", 610],["4/1/2011", 610],["5/1/2011", 610],["6/1/2011", 610], ["7/1/2011", 720], ["8/1/2011", 500], ["9/1/2011", 500] ] }



$(data.scores).each(function(index, element){
         $('#scores').append('<tr><td> '+element[0]+' </td> <td> '+element[1]+' </td></tr>');       
    })

票数 0

Stack Overflow用户

发布于 2013-08-28 05:53:53

我的问题是:如何使用我刚得到的列表生成？

根据我的经验，您的列表必须包含json数据的Map，例如：

Map productMap = new HashMap();

    productMap.put("id", "1");
    productMap.put("name", "Coca Cola");                

    List<Product> productList = new ArrayList<Product>();
    productList.add(productMap);

    jsonWriter.object()
        .key("status").value(true)                   
        .key("pList").value(productList)
        .endObject();

pList包含产品的地图。

有一种方法可以使用该列表来更新在jsp中定义的：table？

是的，在我用firebug检查了显示表的标签部分后，我发现显示表的标签会变成普通的html表。所以在ajax中：

success: function(data){
    if(data.status == true){
        var strHtml='';                
        for(var i=0;i<data.pList.length;i++){
        strHtml+='<tr><td>'"+data.pList[i].name+"'</td></tr>';   
        }
    jQuery("table#docentes tbody").html(strHtml);
    }                   

},

和您的显示标记

<display:table id="docentes" pagesize="4" class="displayTagTable" uid="docente">
    <display:column escapeXml="true" title="Product Name" >
    </display:column>                                                                                 
</display:table>