easyui中datagrid空数据集不刷新的解决方式

datagrid空间可以异步请求json数据，并将新数据覆盖原有数据，重绘数据表。

但是当回来空数据集的时候，js会产生这样一条错误:

TypeError: rows is null
for(var i=0;i<rows.length;i++){^

问题出在哪呢？

可以看到当空数据集时返回的内容是：

{"total":"0","rows":null}

可以注意到rows对应的值是null，而需要的是一个集合才能保证js不出错，也就是空集 []。

解决方法:

如果无视js错误，只需要在页面上呈现正确的结果，可以在刷新数据集前，手动清空一次数据，这样之后及时返回null导致js出错停止，页面上呈现的空数据集也是正确的。

$('#grid').datagrid('loadData', { total: 0, rows: [] });

如果优雅些，就让后端（如：php）返回的空集不是null，而是[]，同样可以解决这个问题:

if($result['total']==0){echo '{"total":"0","rows":[]}';return ;
}

或者

if($result['rows']===null)$result=array();
echo json_encode($result);

转载于:https://www.cnblogs.com/piaomiao1314/p/4213987.html

easyui中datagrid空数据集不刷新的解决方式相关推荐

easyui中datagrid冻结列，行错位解决办法
在onLoadSuccess方法中加入如下内容,完美解决 onLoadSuccess:function(data){ $(this).datagrid("fixRowHeight" ...
easyui中datagrid表格如何正确显示和隐藏
最近遇到了一个问题,是关于easyui数据表格的显示和隐藏的,一般显示元素可以通过dispaly:block(或show())和display:none (hide())控制显示隐藏的但是这个eas ...
easyUI 中datagrid 上下左右移动编辑器
easyUI 中datagrid 上下左右移动编辑器 [color=darkred]//键盘控制$.extend($.fn.datagrid.methods, { keyCtr : function ...
Easyui中DataGrid（数据表格）
Easyui中DataGrid(数据表格) 1.DataGrid简介 2.实现过程 2.1jsp页面的代码块(两种方式) 第一种第二种 3.DataGrid属性 4.实践操作 4.1界面创建 4.2 ...
vue 对象里面放数组刷新问题_Vue 数组和对象更新,但是页面没有刷新的解决方式...
在使用数组的时候,数组内部数据发生改变,但是与数组绑定的页面的数据却没有发生变化. {{item.name}} data () { return { msg: 'Welcome to Your Vue ...
datagrid vue_类似 easyui 中 datagrid 使用习惯的 element-ui 数据表格组件（el-datagrid）...
背景 element-ui 中的 el-table 组件只提供了数据展示,而分页功能作为一个单独的组件 el-pagination,并没有像 Ant Design 一样集成到 el-able 组件中, ...
EasyUI中datagrid控件的使用设置多行表头(两行或多行)
EasyUI中的datagrid控件十分强大,能生成各种复杂的报表,现在因为项目需要,需要生成一个表头两行的表,找了一些说明文档,以下用一个实例来说明一下: 第一种方法: 1 $('#divData' ...
看代码的软件_软件著作权申请中常见的补正问题及解决方式
一:补正问题占比今天给大家说说代码和文档问题补正的解决方式: 1.鉴别材料内容不符. 代码.文档请按以下要求修改: (1) 提交核心功能模块代码,并对各部分代码实现的具体功能添加注释; (2) 文档 ...
mysql安装apply_MySQL安装过程中出现“APPLY security settings错误”的解决方式
近期准备自学MySQL.于是对比网上的教程自己安装了一遍,结果因为某种原因准备卸载准备又一次安装,但安装到最后一步提示"APPLY security settings错误".四处寻 ...
EasyUI中datagrid的行编辑模式中，找到特定的Editor，并为其添加事件
有时候在行编辑的时候,一个编辑框的值要根据其它编辑框的值进行变化,那么可以通过在开启编辑时,找到特定的Editor,为其添加事件 // 绑定事件, index为当前编辑行 var editors = ...

easyui中datagrid空数据集不刷新的解决方式

easyui中datagrid空数据集不刷新的解决方式相关推荐

最新文章

热门文章