我正在使用1.9.1数据表并通过服务器端处理实现更多功能。
准备好了我加载数据表有10行说,当我点击加载更多然后我需要从服务器获取另外10行并将其附加到现有数据 而不是从服务器获取20行。
这是我的服务器端代码
function(){
oTable= $('#customerTable').dataTable({
"bJQueryUI": true,
"iDisplayStart":0,
"iDisplayLength": 10,
"bRetrieve": true,
"bServerSide": true,
"bFilter": false,
"bInfo": false,
"bAutoWidth": false,
"aaSorting": [[1,'desc']],
"aoColumns": [
{"aTargets": [0],"sName":"customer.fullName", "mData": function(response){
return response.customer.fullName;
}, "bSortable": false},
{"aTargets": [1],"sName":"updatedDate", "mData": function(response){
var updateDate = response.updatedDt;
return updateDate;
}, "bSortable": true},
]
"fnDrawCallback": function(oSettings) {
}
});
}
我尝试了什么: -
点击加载更多(这是我的数据表未提供的自定义按钮)我触发ajaxserver调用并获取另外10行来添加现有数据。为此,我尝试使用fnAddData但它没有用。
要添加数据,我尝试oTable.fnAddData(new_data_from_server,false);
,但它不会显示在UI上。当我oTable.fnGetData()
时,我看到了20行但是仍在
UI它仍然显示10个旧行。
我如何能够加载更多功能?