1
我想添加服務器端分頁到我的網格。另外,我有一個由'許可','號碼'和'組'的過濾器。當我按下一頁按鈕控制器被調用,我獲得的數據,但我的網格重新加載頁1,我不能查看頁面2或3或4 ...在服務器端jqgrid分頁
在onPaging事件,如果我使用本地數據類型沒有數據顯示,如果我使用json數據類型,我只能看到第一頁。
這是代碼:
var arrayData = [];
var pgevent;
var pager;
var accion;
$(function() {
navLocal.cambia('002');
$("#tabs").tabs();
$("#tblResults").jqGrid({
mtype: 'POST',
datatype: "local",
height: 250,
colNames:['license', 'id', 'number', 'brand', 'model', 'show'],
colModel:[
{name:'license',index:'license', width:110},
{name:'id',index:'id', hidden: true},
{name:'number',index:'number', width:110, sorttype:"int"},
{name:'brand',index:'brand', width:250},
{name:'model',index:'model', width:250},
{name:'show',index:'show', width:60, align:"center", sortable:false, formatter:playerPicFormatter}
],
multiselect: false,
viewrecords: true,
pager: "#jqGridPager",
rowNum: 10,
caption: "Results",
width: 700,
loadonce: true,
rowList: [10,20,50],
onPaging : function(pgButton) {
$("#tblResults").setGridParam({datatype:'json'});
find();
pgevent = pgButton;
pager = this.p.pager;
},
loadComplete: function() {
$("#tblResults").setGridParam({datatype:'local'});
}
});
find();
});
function find() {
var gridArrayData = [];
$.ajax({
url : "/find.htm",
type : "POST",
dataType : "json",
data: {
license: $("#license").val(),
number: $("#number").val(),
group: $("#group").val(),
page: $("#tblResults").jqGrid().getGridParam('page'),
rowNum: $("#tblResults").jqGrid().getGridParam('rowNum'),
sortname: $("#tblResults").jqGrid().getGridParam('sortname'),
sortorder: $("#tblResults").jqGrid().getGridParam('sortorder')
},
success : function(result) {
jQuery('#tblResults').jqGrid('clearGridData');
for (var i = 0; i < result.length; i++) {
var item = result[i];
gridArrayData.push({
id : item.id,
license : item.license,
number : item.number,
brand : item.brand,
model : item.model
});
}
// set the new data
$("#tblResults").jqGrid('setGridParam', {
data : gridArrayData
});
// refresh the grid
$("#tblResults").trigger('reloadGrid', [{page:2}]);
},
loadComplete: function() {
$("#tblResults").setGridParam({datatype:'local'});
}
});
arrayData = gridArrayData;
}
Thx。我刪除'jQuery('#tblResults')。jqGrid('clearGridData');'聲明和它的工作! :)我想這是因爲它找到後會拋出一個事件。 – Rudyard
@Rudyard尼斯:)你能接受答案嗎? – Markus
完成:D Thx再次 – Rudyard