2015-12-30 97 views
0

大家好。我有一个基于java + struts2构建的Web应用程序。在我的一个网页中,我使用了JQuery选项卡,并且在其中一个选项卡中,我试图用我从数据库中获取的很多记录来填充表格。谷歌搜索2天后,我决定用JQuery数据表来填充分页表。我是JQuery和Ajax的新手。我有这么多的疑问。我无法找到这个工作的示例教程/例子。JQuery DataTable + ajax + struts2 + json

HTML:

<div id="ViewIncome"> 
    <table id="IncomeTable" class="display" cellspacing="0" width="100%"></table> 
</div> 

struts.xml的

<action name="refreshData" class="com.hibernate.action.UserIncomeAction" method="dataRefresh"> 
     <result type="json"></result> 
</action> 

动作类方法:

//Income class variables are 'incomeID','amount','description' etc., 
private List<Income> incomesList; 

public String dataRefresh() 
{ 
    if(checkUserLogin()) 
    { 
     //code to fetch the latest data from DB; 
     return SUCCESS; 
    } 
    else 
    { 
     return LOGIN; 
    } 
} 

JQuery的:更新的代码。

$("#IncomeTable").dataTable({ 
    "sPaginationType" : "full_numbers", 
    "bProcessing" : false, 
    "bServerSide" : false, 
    "sAjaxSource" : "refreshData", 
    "bJQueryUI" : true, 
    "aoColumns" : [ 
{ "incomesList": "amount" }, 
{ "incomesList": "description" } 
] 
}); 

现在如何迭代上述JQuery代码中的List<Income> incomesList;。如果我必须使用数据表,我还需要知道是否需要添加任何额外的lib/jar。我有JQuery-Ui lib放在我的项目中。

一些人可以帮助我的链接或例子实现我想要的输出。

Data table

+0

检查这个例子https://datatables.net/examples/server_side /row_details.html – goodyzain

+0

@goodyzain:“数据”json对象是如何在上述链接的ajax选项卡中显示数据的? –

+0

我已经更新了我的代码并附上了图片。问题是表没有被填充到所需位置(页面的查看收入标签),第二个问题是表中没有填充数据 –

回答

0

一些Struts2的我是一个小问题,我觉得应该有一个新的包