最近新做了一個模塊,還是用的easyui,但是出現了一個問題,研究了好久都沒有找到解決問題的方法: 情況如下: 我在載入datagrid的時候,數據報錯“Uncaught TypeError: Cannot read property 'length' of undefined”,最後知道了原因是d ...
最近新做了一個模塊,還是用的easyui,但是出現了一個問題,研究了好久都沒有找到解決問題的方法:
情況如下:
我在載入datagrid的時候,數據報錯“Uncaught TypeError: Cannot read property 'length' of undefined”,最後知道了原因是data數據的問題,
我的data數據是{"Total":1,"Rows":[{ }] }這種格式,
這時候只需要在分頁的代碼裡加入 var data = data.Rows;即可解決問題,這個只針對上面數據格式的情況解決,具體代碼如下:
function pagerFilter(data){
var data = data.Rows;//新加的代碼
if (typeof data.length == 'number' && typeof data.splice == 'function'){ // 判斷數據是否是數組
data = {
total: data.length,
rows: data
};
};
var dg = $(this);
var opts = dg.datagrid('options');
var pager = dg.datagrid('getPager');
pager.pagination({
onSelectPage:function(pageNum, pageSize){
opts.pageNumber = pageNum;
opts.pageSize = pageSize;
pager.pagination('refresh',{
pageNumber:pageNum,
pageSize:pageSize
});
dg.datagrid('loadData',data);
}
});
if (!data.originalRows){
data.originalRows = (data.rows);
}
var start = (opts.pageNumber-1)*parseInt(opts.pageSize);
var end = start + parseInt(opts.pageSize);
data.rows = (data.originalRows.slice(start, end));
return data;
};
$('#tt').datagrid({loadFilter:pagerFilter});
【聲明:本文為作者原創,未經允許不可轉載!謝謝!】