EasyUI分页加载datagrid时候报错"Uncaught TypeError: Cannot read property 'length' of undefined&q

Posted 伊利蛋白钙yL

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EasyUI分页加载datagrid时候报错"Uncaught TypeError: Cannot read property 'length' of undefined&q相关的知识,希望对你有一定的参考价值。

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

 

以上是关于EasyUI分页加载datagrid时候报错"Uncaught TypeError: Cannot read property 'length' of undefined&q的主要内容,如果未能解决你的问题,请参考以下文章

jquery easyui datagrid在进行初始化页面加载的时候,如何数据没有加载完毕,动态加载数据.

easyui datagrid 怎么重载数据

easyui中datagrid的字体颜色为题

easyui datagrid 单元格关闭编辑框再开启编辑框就报错

easyui,datagrid 分页,跨域访问数据

关于easyui加载datagrid数据的问题