jqgrid載入本地資料分頁
阿新 • • 發佈:2019-01-26
datatype必須是local才能載入本地資料;
demo地址: http://download.csdn.net/detail/zhaohuijiadelu/9895196#
jQuery("#list2").jqGrid({
datatype: 'local',
colModel:[
{name:"age",index:"age",label:'年齡',align:'center', width: '25%', sortable:false},
{name:"id" ,index:"id",label:'學號',align:'center', width: '25%', sortable:false},
{name:"name",index:"name",label:'姓名',align:'center', width: '50%', hidden:false}
],
shrinkToFit : true,
rownumbers: true,
width :'600' ,
height: '100',
pager: 'pager2',
rowNum: 2
});
var rows = [{'age':'12','id':'1','name':'張三'},{'age':'22','id':'2','name':'李四'},
{'age':'12','id':'3','name':'王五'},{'age':'22','id':'5','name':'馬六'}];
var localData = {page: 1, total: 2, records: "2", rows: rows};
localData.rows = rows;
localData.records = rows.length;
localData.total = (rows.length % 2 == 0) ? (rows.length / 2) : (Math.floor(rows.length / 2) + 1);
var reader = {
root: function(obj) { return localData.rows; },
page: function(obj) { return localData.page; },
total: function(obj) { return localData.total; },
records: function(obj) { return localData.records; }, repeatitems : false};
$("#list2").setGridParam({data: localData.rows, reader: reader}).trigger('reloadGrid');