EasyUI分頁加載datagrid時候報錯"Uncaught TypeError: Cannot read property 'length' of undefined"

最近新做了一個模塊，還是用的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});

 

【聲明：本文為作者原創，未經允許不可轉載！謝謝！】