Easyui-datagrid中不显示数据的可能原因

最新推荐文章于 2021-11-01 10:25:16 发布
最新推荐文章于 2021-11-01 10:25:16 发布
阅读量1.3w 收藏 3
点赞数 1
文章标签： datagrid Easyui 不显示数据 显示空白
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mutebenben/article/details/78029304
版权

  今天在练习一个Web项目时，当写好jsp页面代码和后台查询数据库代码后，运行项目，发现datagrid中显示空白，Chrome浏览器的Developer Tools中没有报错，后台也能打印出后台传递到前台的json字符串。后来经过排查，发现我有两处错误导致datagrid中不显示数据。如图所示：

datagrid不显示数据

  1. 第一处：datagrid的columns属性少了个s

    这里写图片描述

  2. 第二处：数据库中出现了空白数据

      数据库中有数据全部为null，如下图中所示：最后一行中3个字段全部为null。当我删掉该行或者在该行中补充数据后，datagrid便可以正常显示

    这里写图片描述

如果我写的内容对你有一些帮助，还请点个赞或者手动评论一下哦，给点正反馈嘛(＾＿＾)☆当然了，我也是才开始学习这些知识，肯定会有很多错误的地方，希望大家能帮我指正出来，谢谢大家，一起进步~

mutebenben
关注
easyui-datagrid特殊字符不能显示的处理方法
08-30
首先，我们要明白问题的根本原因：EasyUI的datagrid、combobox和tree等组件在默认情况下，会尝试将数据显示为HTML，因此当数据中包含HTML标签（如`、`>`、`&`等）时，这些标签会被浏览器解析，而不是作为文本内容...
easyui中datagrid 不显示数据
lh140614的专栏
03-18 2333
之前并没有系统使用easyui组件的机会。本次也是在基于该前端框架下完成一个简单的查询功能并展示的问题。 datagrid即数据网格，用于展示列表数据，以行为单位且支持分页。 问题背景：根据查询参数查询符合条件的数据。前端使用easyUI，后端使用spring mvc。 然而根据条件查询只会返回一条数据，因此也没有考虑分页什么的。 现象：后台以JSON格式返回，键值与前端的field的名称...
EasyUI的datagrid分页不显示数据的解决方法
qq_41702574的博客
11-01 1131
按照官网的datagrid的说明书填写好分页代码，url和json文件也设置好了，但就是不显示数据。原因可能是一个js函数没有调入，为避免大家踩坑。现分享该主要函数如下： datagrid的标签是表格id的“dg”。 <table id="dg" class="easyui-datagrid" style="width:98%;height:90%;" title="请输入条件查询" OnPageIndexChanged="DataGrid_Page" iconCls="icon-search.
bug---easyui datagrid数据表格无法显示
qw160的博客
05-07 477
错误 复制黏贴官网easyui文档的js方式，无法显示 解决 在html加上 行列标签 <table id="dg"> <!-- 如果这块不写的话，只会显示标题 ,并且由于在上方script中定义了thead，所以在table里在定义一个thead是没有意义的， 当然在页面中也是没有效果的。 --> <tbody> <tr><td>1</td><td>2</td&g
easyui-datagrid之间拖拽效果demo
03-18
"easyui-datagrid 之间拖拽效果 demo" 重点展示了如何在两个 EasyUI Datagrid 之间实现数据的拖放功能，这对于提升用户体验，尤其是处理大量数据时的交互性至关重要。 首先，Datagrid 是 EasyUI 提供的一种表格控件...
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
10-21
然而，在实际应用中，有时候从服务器查询不到相关数据，这种情况下，我们通常需要在 datagrid 中显示相应的提示信息，告知用户没有找到数据。 本文将详细介绍如何在 jQuery EasyUI 的 datagrid 中，当没有数据时...
easyUI-datagrid数据表格导出功能后台代码
05-28
项目工具代码,中间包含了service和controller两层,model可以自己定义
easyui-datagrid 有数据，但是页面表格数据显示出不来（样式引起的bug）
丫丫不秃头噢---
05-08 1985
今天任务是把以前jq写的版本的项目增加个需求，然后直接复用的以前的代码。看了官方文档，查找了文档，一一对比，我发现语法什么都没错误，后台也拿到了数据，但是页面上就是一直显示不出来，二通个页面另一个地方的table都可以正常显示。就很着急气人哦--------- But找了一圈子问题，排查之后发现是css样式引起的。。因为easyui的封装的生成的table不是单纯的一个table，而是自己生成外面有个最外层的div，而那个div是个width:0,而我一开始写死的数据样式里定义了table的宽度100%。。
easyUI -datagrid表格数据不显示
weixin_44543412的博客
05-09 3831
出现easyUI -datagrid表格数据无法显示这种情况的可能原因有多方面的，可能是因情况而异吧，现在说一下日常做项目中我遇到过的这几个方面（原因二是我遇到过的，在网上看到也是常有的） 前提： 在写好jsp页面代码和后台查询数据库代码后，项目可以运行，发现datagrid中显示空白，Chrome浏览器的Developer Tools中没有报错，后台也能打印出后台传递到前台的json字符串。 原因一： datagrid只显示表头，无法显示表格数据，即出现如下图的情况： 即所需要渲染的表格只出现了表头，表
easyui datagrid-detailview.js 子数据表显示BUG
huaye2007的专栏
03-12 4095
正常情况下是正常的，如果这个数据表又添加单元格编辑功能就会出现子数据表有些时候不显示  渲染行的时候没有渲染子数据表 但收缩和展开显示的数据时正常的。 在 onClickCell函数里 if (endEditing()){ $('#dataGrid').datagrid('selectRow', index) .datagrid('editCell', {index:i
easyui datagrid数据显示不出来
qq_36230361的博客
03-09 4091
在我正确的按照例子从后台取数后，前台无法显示(都不报错，数据正常)，发现去除几个字段可以显示，加上就无法显示，很无奈，后来才发现，返回的数据中出现了空格 还有\r \n 类似于\ 这种符号，可能由于easyui datagrid 不识别这类数据，然后就展示空白，希望小伙伴们注意了
关于Easyui combobox 数据不显示问题
Nicholas_long的博客
06-05 6793
还是先上图看效果：这是正确的效果，小编不显示的原因是json数据的问题，下面是API要求的返回json格式：[{ "id":1, "text":"text1" },{ "id":2, "text":"text2" },{ "id":3, "text":"text
EasyUI中treegrid查询数据后，前台接收到了数据但是不展示的问题
x62982的博客
04-18 2157
在treegrid展示全部数据之后，通过查询某些数据再进行treegrid展示时，页面却展示不出来，但是通过调试模式发现，前台已经接受到了要展示数据的Json字符串。 主要问题： 在进行treegrid展示数据时，我们在返回的Json字符串中一定需要有一个（_parentId）字段，并且要有一个_parentId的值为空作为最开始的父节点，当我们查询想要的数据之后，我们会发现这些数据中的_pare...
easyui datagrid无数据显示暂无数据提示行，改造easyui代码
编码行者的博客
07-24 1913
easyui.min.js修改部分 dc.view.children("style:gt(0)").remove(); opts.onLoadSuccess.call(_4b2, data); //以下为扩展代码 if(data.total == 0 && opts.emptyDataMsg){ if (dat...
datagrid
qq_38384102的博客
12-03 385
1. datagrid initParam();         var data = sy.serializeObject($('#condForm')); $('#dataGrid').datagrid({     title:'&amp;nbsp;数据管理&amp;nbsp;&gt;&gt;&amp;nbsp;消费管理',     iconCls:'icon-local',     url...
jquery easyui 的datagrid，页面获取不显示在页面的参数字段
Mark技术之家
03-22 870
这个问题比较简单，我一说就都能明白。假如有三个参数可以从后台传递：$data['a'],$data['b'],$data['c']，在前台显示的字段有：field="a",field="b",并不显示c字段。可是页面需要用到c字段，那就可以直接获取正行的数据rowData = $(this).datagrid('getSelected')。那么rowData.c就是我们需要的数据。
datagrid数据成功加载，页面却无数据显示，并且不报错
weixin_30421809的博客
09-25 600
通过F12查找html，发现页面上有数据，只是格式有问题，因此得出是html布局有问题，导致该错误。 转载于:https://www.cnblogs.com/Each-Person-Got-a-Dream/p/9699443.html...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值