首页 > 代码库 > easyui中datagrid空数据集不刷新的解决方式

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

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

 

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

TypeError: rows is nullfor(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);

 

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