Datablesバックエンド改ページ
6810 ワード
以下のjsコードを通じて、actionまたはcontrollerでパラメータを受け取るのは主に開始ページとページサイズで、後端の改ページコードを実行すればいいです.
JS dataTables初期化関数は以下の通りである.
JS dataTables初期化関数は以下の通りである.
//
function initDatatable(){
$('#example').dataTable( {
"language": {
"url" : "${ctp}/jqueryplugin/datatables/js/Chinese.json"
},
ajax:function(data, callback, settings){
var param = {};
//
param.xxxx= xxxx;
//
param.startIndex = data.start;//
param.pageSize = data.length;//
var params = JSON.stringify(param);
var paramObj = new Object();
paramObj['mo']=params;
$.ajax({
type: "POST",
url: "${ctp}/rest/xxxx/xxxx.vhtml",
cache : false, //
data: paramObj, //
dataType: "json",
success: function(result) {
//setTimeout
setTimeout(function(){
//
if (result.errorCode) {
//$.dialog.alert(" 。 ："+result.errorCode);
return;
}
// ，
var returnData = {};
returnData.draw = data.draw;// draw ,
returnData.recordsTotal = result.total;
returnData.recordsFiltered = result.total;// ，
returnData.data = result.data;
callback(returnData);
},200);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
//$.dialog.alert(" ");
//$wrapper.spinModal(false);
}
});
},
//"destroy":true,
//"dom": 'frtip',
"serverSide":true,
processing:true,// “ ”
//"data": data,
//"dom": 'rt>',
"paging": true,
"searching":false,//
"destroy":true,
//"pagingType":"first_last_numbers",
columns: [
{"data": "moId","targets": 0,width:'10%',"orderable":false},
{"data": "organName","targets": 1,"render": function(data, type, row) {
var html = "」+「&organName=」+data+「&pos=p 1'target=''u black'」+data+"";
return html;
},width:'10%',"orderable":false},
{"data": "officialName","targets": 2,width:'10%',"orderable":false}
]
} );
$("div.toolbar").html(' 、 ');
}