JQuery 的 DataGrid 无法显示数据

码农UP2U 码农UP2U 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 600+累计阅读 648平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄14年
关注
原创 最新推荐文章于 2026-05-18 07:38:33 发布 648 阅读 AI 写同款· GEO 优化 ›
jquery easyui datagrid 实现嵌套表格 subGrid，也就是datagrid中再套一层datagrid，比较适合用于显示一些带有层次的数据，比如要显示一批订单，订单包含具体的货物。这样一个需求，就可以用到subGrid。 我们可以先看看官网上subGrid的样子来增强一下视觉上的感觉。 如何来实现呢？若只是用来显示一下数据，其实还是简单的。 看看demo的代码量也不过区区几十行，跟上思路很容易就可以理解了。 $(funct 阅读详情

今天用了 JQuery 的 DataGrid，但是始终无法显示数据，结果发现是写错一个地方。

$("#test").dataGrid({

		data: ${toJson(list)},
		datatype: "local",

错把上面的 datatype 写成了 dataType，大小写！！

图片

 

收录于
前端笔记

当前文章被收录于：

前端笔记
16 篇文章 0 人学习
订阅专栏 查看详情
标签
#jquery #javascript #ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
MIT Cheetah Learning (一)：State Estimate 从理论到实践：EKF融合IMU与编码器的状态估计全解析 本文深入解析了MIT Cheetah机器人中基于Extended Kalman Filter的状态估计技术，详细探讨了如何融合IMU与编码器数据以实现精准的State Estimate。通过四元数建模和传感器误差分析，揭示了EKF在复杂地形中的工程实践价值，为四足机器人的实时状态估计提供了完整解决方案。 阅读详情

相关推荐

Ships Dataset：解锁海洋探索的数字宝库

在海上交通管理中，通过对船舶的持续跟踪，可以及时发现船舶的异常行为，如偏离航线、超速等，保障海上航行的安全。例如，通过分析船舶的航行数据和位置信息，合理安排船舶的停靠时间和装卸货物顺序，避免港口拥堵，提高船舶的周转率。同时，还精确标注了船舶在图像中的位置坐标，通过这些坐标，我们可以准确地定位船舶在图像中的具体位置，为后续的分析和处理提供了精确的依据。从繁忙运输货物的货船，到承载着能源使命的油轮，再到穿梭于海洋寻找鱼群的渔船 ，每一种船舶都有着独特的外形和功能，在数据集中留下了它们的身影。

qq_38220914的博客 1267

使用jqGrid表格插件不能翻页之解决问题的方法

我写这篇博文不是为了讲jqGrid怎么用，而是为了记录一种解决问题的方法，当然对很多大牛和前辈来说，这种方法可能是小菜一碟，但我相信对于很多像我一样的菜鸟，还是非常有用的。 前台页面从servlet获取JSON数据并显示时，若数据为多条记录的形式，jqGrid表格插件是一个很好的选择。 但我在使用jqGrid表格插件的时候却遇到了一些问题：永远显示第一页，无论我怎么点翻页都无济于事。难道是这个

水滴石穿 1万+

8.2-12.4GHz喇叭天线设计

使用后处理模板的优化算法，对a1、h_horn、b1进行优化，各参数的优化区间即为之前计算得到的参数范围。由于矩形喇叭的辐射特型基本上是E面和H面扇形喇叭的结合，当波导中只是单模传播(只有TE波)时，矩形喇叭的口径可以通过远场公式推理出来。表示矩形喇叭的口径效率，进行最佳增益设计时，一般取值为0.5。从表中可以看出，该结构在8.58GHz的增益误差为2.68%>2.5%，需要对结构进行优化。建模完成，之后就是在矩形波导尾部添加波导端口激励，以及对应频率的远场监视器。，在这里，将频率定为区间的中心频率。

qq_48897427的博客 6660

jqgrid datatype为local时 reloadGrid数据排序 耗时性能慢问题解决

jqgrid是一个比较好的开源表格编辑工具，最近在使用时碰到一个问题，通过调用jqGrid().trigger(‘reloadGrid’)实现数据排序时，出现页面卡顿，响应慢问题，后来使用jqery Dom操作将需要排序的表格行tr移到tbody最后实现。

chuangxin的专栏 2922

从TI官方手册里挖细节：TPS5430负压电路那个不起眼却救命的Cd电容

本文深入解析TPS5430负压电路中关键Cd电容的作用与设计要点，揭示其在DC-DC电源设计中的重要性。通过对比TI手册和实战案例，详细阐述Cd电容在高频电流回路、能量缓冲和噪声抑制中的核心功能，并提供选型与布局指南，帮助工程师避免芯片烧毁风险，提升电路稳定性。

weixin_27102543的博客 357

避开这些坑！STM32H750 IAP升级实战：从Bootloader设计到APP接收的完整避坑指南

本文深入探讨STM32H750 IAP升级的完整避坑指南，从Bootloader设计到APP接收的全流程实践。特别针对QSPI Flash运行限制、SRAM跳转机制和固件校验等核心问题，提供工业级解决方案，帮助开发者提升升级成功率和系统稳定性。

weixin_30471561的博客 275

关于jqgrid数据不显示问题

　　近日有个需求要用到jqgrid，原本用着一切都很顺利，但是在需求变动后，只是修改部分字段名称jqgrid就不显示数据了，后台数据也能传到前台，但是就是不给我显示，到嘴的肉就是没法吃，蛋疼，郁闷都无法形容我的感受。。。。。。我开始怀疑自个了 　　 jQuery("#grid-table").jqGrid({ url:'<%=request.getCont...

weixin_30394633的博客 743

Cox构建预测模型（5）：如何用R语言绘制校准曲线（附全套代码）

这篇文献通过绘制两个模型的DCA曲线来评估模型的临床决策实际需求，一个是列线图模型，包括纳入列线图的全部变量，一个是TNM模型，只纳入TNM分期3个变量。A图是训练集1年、3年、5年患者的总生存期的DCA曲线；B图是训练集1年、3年、5年患者的总生存期的DCA曲线，红色线条代表列线图模型（包括构建模型的10个变量），黄色线条代表TNM模型（仅纳入TNM分期3个变量），两个模型对比，在绘制校准图之前，必须要完成数据的导入、拆分数据集的工作、预测因子的筛选，校准图的绘制是分别在训练集与验证集独立进行的。

qq_37610365的博客 1360

jQuery EasyUI中的datagrid无法显示json数据

1.问题描述

我爱编程持之以恒 5602

2026年Java 开发工程师常见面试简答题

本文整理了Java开发工程师面试常见简答题及详细解析，涵盖Java基础、集合框架、并发编程、JVM等核心考点。主要内容包括：1. Java基础概念：JDK/JRE/JVM区别、面向对象特性、重载与重写、接口与抽象类、String特性等 2. 集合框架：ArrayList/LinkedList区别、HashMap实现原理、线程安全方案、集合类型对比 3. 并发编程：synchronized原理、volatile作用、线程创建方式、线程池参数与策略、死锁处理 4. JVM相关：内存区域划分、垃圾回收算法、类加载

不务正业的猿 371

PCL RANSAC拟合分割圆柱体模型【2026最新版】

使用RANSAC拟合分割圆柱的原理介绍、官网示例代码实现以及一个可视化拟合出来的圆柱的具体应用案例。博客长期更新，最近一次更新时间为：2026年1月28日。

点云侠的博客 40万+

.net使用jquery easyui的datagrid无法显示本地.json文件中的数据

代码很简单，就是模仿easyui官网上的例子在asp.net中实现，然而在用html中数据显示正常，移植到.net中，数据无法显示，代码如下：     <table id="tt" class="easyui-datagrid" style="width:700px;height:350px" data-options="url:'datagrid_data.json

handsometone1982的专栏 7077

8年ES运维经验整理出的Elasticsearch运维手册（超实用）

k1 : 控制非线性词频率归一化（饱和），Elasticsearch中默认值为1.2。用人能看懂的话说就是词语在文档中出现的次数对于得分的重要性。例如说我觉得在某些场景，一个搜索词在文档中出现越多则越接近我希望搜索的内容，就可以将这个参数调大一点。b ：控制文档长度对于分数的惩罚力度。变量b处于分母上，它乘以刚刚讨论过的字段长度的比值，Elasticsearch中的b 默认值为0.75。如果b较大，则文档长度相对于平均长度的影响更大。

yonggeit的博客 5275

Easyui Datagrid 刷新后显示高度不正常的问题

Easyui Datagrid 刷新后显示高度不正常的问题 版本：jQuery EasyUI 1.4.4 问题现象：当Datagrid 不是在当前激活(当前打开)的标签页时刷新数据或加载后显示的高度不正常，标题栏分页栏缩在一起，导致数据区域不能显示出来 问题原因：当Datagrid存在于display:none 的元素内时进行构建或刷新数据后会出现导致结构内 datagrid-v...

weixin_33973609的博客 1169

Camera2Demo

在Camera2 的基础上进行封装，使得Camera2一堆初始化逻辑与Activity分离，降低耦合度，完成预览拍照并保存的操作

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

datagrid清空、刷新

$('#dgId').datagrid('loadData',[]); 刷新当前页面数据 $('#dgId').datagrid('reload');这个方法可以刷新当前页面数据表格的数据，但是某些情况下这个方法也会失效，特别是在内联框架父子页面元素互调时。这种情况下就调用datagrid初始化的方法。...

捣蛋的博客 1万+

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

easyui datagrid 显示html标签,easyui-datagrid特殊字符不能显示的处理方法

在easyui中datagrid、combobox、tree等组件都不能显示含有html标签的特殊字符，因为这些字符会被当作html标签被解析掉。这里给出了一个处理方案，希望对大家有帮助。以datagrid为例：找到jquery.datagrid.js文件，在其中添加如下方法：function escapeHtml(s) {if (s === undefined) {return s;} else...

weixin_36322275的博客 514

efm32 入门.pdf

本PDF共计22页，介绍的是操作驱动API，下载与否自己斟酌。

关于jquery easyui datagrid表格无法加载数据的解决办法

关于jquery easyui datagrid表格diaplay:none再显示无法加载数据的解决办法 表格css不设置display,而设置position:absolute;left:-9999px; 想显示时.left改为正常 [code="javascript"] $('#btn').click(function(){ $('#table').css('left','0')...

iteye_5600的博客 266

VS2012+EF5学习MVC4（二）

使用jquery.easyui.min.js，做一个列表展示，一天一点点，慢慢进步着吧。 真的是郁闷啊，使用了一个jquery.easyui.min.js,想做个好看的UI DEMO，结果JSON的值一直不能传递给GRIDVIEW. 前台页面： View Code 1 @{ 2 ViewBag.Title = "Index"; 3 Layout = "...

weixin_30564785的博客 78

前端宽度一至显示宽度不一致_被客户怼了BUG01.老项目中Easyui的行号宽度显示问题...

首先声明，我们公司是没有前端的，我们后端也包前端的活干，所以我现在勉强算是全栈开发了，只是前端比较薄弱，最近维护开发的项目前端框架用的Easyui,遇到一个bug,其实也不是特别要紧，只是今天被屌了，所以很郁闷，就记下来吧。如下图，easyui的表格有一个行号显示的问题，当数据量少的时候不会有问题，而数据量特别大的时候，就会出现行号宽度无法正常显示。超过四位数就会变形。EasyUI表格行号4位数显...

weixin_29514913的博客 211

easyui datagrid列多时,没有数据的时列加载不全的问题处理

onLoadSuccess:function(data){ if(data.total==0){ var dc = $(this).data('datagrid').dc; var header2Row = dc.header2.find('tr.datagrid-header-row'); ...

辉少的博客 865

jquery datagrid行号显示的一个小Bug

jquery easyui datagrid中当你的行数据超过9999时，第一列的行号rownumber将会因为表格内容过长而导致无法显示全部数字 于是找到了其源码，作了以下一点点修改，解决了这个Bug。具体思路就是当行数超过9999时就动态去改变每行数据第一个格子的宽度 //找到datagrid部分的renderRow这个function,我这里是easyui 1.2.6版本，大概在第7

kunkkaCoco的专栏 9048

jquery easyui中datagrid数据传递和返回的格式

{"total":28,"rows":[ {"productid":"FI-SW-01","unitcost":10.00,"status":"P","listprice":16.50,"attr1":"Large","itemid":"EST-1"}, {"productid":"K9-DL-01","unitcost":12.00,"status":"P","listprice":18.5

flysun的博客 3万+

jquery datagrid填充

最近一直在接触这些东西，javascript 脚本看了一大堆，遇到过很多的困难，最终都克服了，做技术真不容易，遇到一个问题，项目卡在那里好久，折磨的人翻来覆去，google搜索，效果甚微，jquery datagrid 数据填充，一直没填充出来,url直接到json文件，也没数据出来，但是直接打开HTMl文件又可以有数据，用IIS和VS打开就是填充不了，我以为网上搜索能搜索到这样的问题，可就是没人提，后来在csdn上提问，有个人给我启示，填充datagrid ，url设置成aspx样的文件，然后在aspx文

zwm520lj的专栏 2034

jquery 构造json数据，填充datagrid

datagrid的数据格式要求是json格式的。也就是说必须是：｛"total":"2",    "rows":[     {"id":"2","name":"aa"},     {"id":"3","name":"bb"}     ]｝id,name是datagrid的列。以下

robinpipi的专栏 1万+

jquery-easyui：datagrid初始化不加载数据

//一、初始化datagrid $('#gridlistRanking').datagrid({     method: "GET",     contentType: "application/json",     size: { w: 4, h: 170 },     url: '',     queryParams: {},     pagination: false,

goux_s的专栏 1万+
上一篇： 让我们一起抄代码，JQuery 用法整理
下一篇： JS 字符串分割
点赞 1
评论 0
书签 书签 0
码农UP2U
码农UP2U
博客等级 码龄14年 6276粉丝 181原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农UP2U

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值