EasyUI分页加载datagrid时候报错"Uncau…

最近新做了一个模块，还是用的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});

 

【声明：本文为作者原创，未经允许不可转载！谢谢！】

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有