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数据的大小写,如果后台为大写,就应写大写;为小写,就应写小写
easyUI -datagrid表格数据不显示相关推荐
- easyui datagrid 的数据加载
这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数 ...
- easyui datagrid 列隐藏和显示
easyui datagrid 列隐藏和显示 用js怎么控制列的显示和隐藏? 最佳答案 $('#grid').datagrid('hideColumn','列field');把hideColumn换成 ...
- easyui—DataGrid(数据表格)
目录 一.DataGrid(数据表格) 一.DataGrid(数据表格) DataGrid以表格形式展示数据,并提供了丰富的选择.排序.分组和编辑数据的功能支持.DataGrid的设计用于缩短开发时间 ...
- easyui datagrid 表格 属性和方法
使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagrid"> ...
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
- easyui datagrid表格头部鼠标右键进行列隐藏和展示
1.实现datagrid自定义初始化onHeaderContextMenu方法 新增文件jquery.easyui.datagrid.column.js // 动态改变列头.var cmenu;fun ...
- python 显示表格数据_python显示excel表格数据-怎么用python读取excel表格的数据
怎么用python读取excel表格的数据 #导入包 import xlrd #设置路径 path='C:\\Users\\jyjh\\Desktop\\datap.xlsx' #打开 data=xl ...
- ArcMap 打开excel表格数据不显示
问题描述:excel表格数据完整,用Arcmap 导入打开后发现经度一列数据不显示,如下图: 图1 :excel 数据: 图2:导入ArcMap打开表后 解决方式:通过将列修改成数字,文本后始终不能解 ...
- easyui中datagrid表格如何正确显示和隐藏
最近遇到了一个问题,是关于easyui数据表格的显示和隐藏的,一般显示元素可以通过dispaly:block(或show())和display:none (hide())控制显示隐藏的 但是这个eas ...
最新文章
- hdu4847 Wow! Such Doge! KMP
- 008_setting指令
- js源码 模仿 jquery的ajax的获取数据(get,post )的请求封装
- c++类与类的关联(Association)关系
- 使用gitkraken来push的流程
- sdk怎么用_PLC不支持OPC UA怎么办?别问了看完你就懂了
- 如何看CentOS系统是32位还是64位的?
- 传输层协议(10):滑动窗口(4)
- tomcat设置编码为UTF-8
- 沉没成本效应:每个人终其一生的断舍离
- .NET实现Wap飞信协议
- cocos2dx 3.17海外sdk接入填坑全纪录 Appodeal(广告) SDK 接入(5)
- sqlserver加密隐私字段(不侵入程序)-Always Encrypted
- 跨平台flutter- window与Android Studio环境配置
- CF大陆斗C战士(一)
- Linux查看文件指令cat、more、less、head、tail用法
- ubuntu18.04安装opencv的viz模块
- 技能兴鲁试题--爬取菜鸟教程
- mysql 中的1064_错误代码:mysql中的1064
- 马云为何放得下辛苦创立的“阿里帝国”?
热门文章
- 部署实战 | 手把手教你在Windows下用TensorRT部署YOLOv8
- MKVToolNix v61.0.0 专业MKV视频封装制作软件便携版
- 智慧城市再升级,数字孪生城市成为新标准
- Bean Searcher
- mcbbs 优化服务器,[教程] Minecraft 服务器优化教程--腐竹可以看看哦!
- wangyin 一种新的操作系统设计
- ubuntu ibus
- png在ai转为路径_AI路径导入3ds Max并导出图像
- 秦嘉哲:《黄金下周分析》11/27黄金走势分析及周一开盘行情操作思路
- 通过讲故事搞定前端网络知识