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);