easyUI -datagrid表格数据不显示

出现easyUI -datagrid表格数据无法显示这种情况的可能原因有多方面的,可能是因情况而异吧,现在说一下日常做项目中我遇到过的这几个方面(原因二是我遇到过的,在网上看到也是常有的)
前提:
在写好jsp页面代码和后台查询数据库代码后,项目可以运行,发现datagrid中显示空白,Chrome浏览器的Developer Tools中没有报错,后台也能打印出后台传递到前台的json字符串。
原因一:
datagrid只显示表头,无法显示表格数据,即出现如下图的情况:
在这里插入图片描述

即所需要渲染的表格只出现了表头,表格数据显示不出来,有可能的几种原因,如下:
1、控制器部分:控制器查询代码出现空格,如下图:
在这里插入图片描述

因为 :" “代表值为一个空格,”"代表值为null
2、js页面载入数据代码(即渲染datagrid表格代码)部分:数组对象后面缺少逗号,
如下图:
在这里插入图片描述

渲染的表格数据columns的元数据应为数组对象,应写为[[{},{}]],每个数组对象后面跟着的是一个“,” 最后一个数组对象后面可以不用。一般因为漏写一个符号而造成我们表格数据不显示,都是因为自己的粗心,所以要认真细心点!

原因二(做项目也遇到过,也是算是收集参考其他网友的一种解决方法):
datagrid数据表格中显示空白,既无表头,也无数据,如下图:
在这里插入图片描述

第一处:datagrid的columns属性少了个s
在这里插入图片描述

第二处:数据库中某些字段出现了空白数据

数据库中有数据全部为null,如下图中所示:
在这里插入图片描述

最后一行中2个字段全部为null。当我删掉该行或者在该行中补充数据后,datagrid便可以正常显示
还要需要注意:columns的元数据应为数组对象,应写为[[{},{}]]
json数据的大小写,如果后台为大写,就应写大写;为小写,就应写小写


版权声明:本文为weixin_44543412原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。