2015-12-30 92 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的我是一個小問題,我覺得應該有一個新的包