easyui中datagrid执行loadData方法没有刷新数据

最新推荐文章于 2024-09-24 17:29:02 发布
最新推荐文章于 2024-09-24 17:29:02 发布
阅读量8.9k 收藏 3
点赞数 2
文章标签： easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/technologys/article/details/78762856
版权
当使用easyui的datagrid调用loadData方法时，传入参数必须为JSON对象而非JSON字符串。错误示例中，初始数据被定义为JSON格式的字符串，导致加载数据失败。解决方案是将字符串转换为JSON对象，例如使用JSON.parse()方法。修复后的代码正确地将数据转换为JSON对象并成功刷新datagrid。
摘要由CSDN通过智能技术生成

原因分析：

loadData方法执行的时候参数必须是JSON对象，而不能是JSON格式的字符串！！！

估计搞前端的人都有这个概念吧。

   开始我是这样写的

  1. var data = '{"total":1,"rows":[{"id":"001","name":"哈哈哈","role":"系统管理员"}]}';  
  2. $('#dg').datagrid('loadData', data)； 
    这样就会加载不出来数据

  1. var data = '{"total":1,"rows":[{"id
最低0.47元/天 解锁文章
technologys
关注
easyUI -datagrid表格数据不显示
weixin_44543412的博客
05-09 3792
出现easyUI -datagrid表格数据无法显示这种情况的可能原因有多方面的，可能是因情况而异吧，现在说一下日常做项目中我遇到过的这几个方面（原因二是我遇到过的，在网上看到也是常有的） 前提： 在写好jsp页面代码和后台查询数据库代码后，项目可以运行，发现datagrid中显示空白，Chrome浏览器的Developer Tools中没有报错，后台也能打印出后台传递到前台的json字符串。 原因一： datagrid只显示表头，无法显示表格数据，即出现如下图的情况： 即所需要渲染的表格只出现了表头，表
easyui框架datagrid的load不刷新数据
LisaYuanThink的博客
01-04 9533
easyui框架datagrid的load不刷新数据 感谢一波　　最近喜欢看博客，特别是遇到问题时候通过搜索学习别人的经验解决问题，能体验到无穷的乐趣。长时间的摸索找到一个bug，并记录下帮助他人警示自己是一件快乐的事。一直希望有一个自己的平台，在看博客中，发现了很多很多的知识，更觉得自己就如一粒大海仓粟，学习中遇到了很多故事和人（博客，文章中认识），改变了我的生活态度，因为帮助太多了随后会陆续介
EasyUI——datagrid 的onLoadSuccess事件无数据时提示“没有相关记录”——给用户更好的视觉效果
热门推荐
Winter--王大梅
10-23 3万+
在做旧框架ITOO时，就遇到了一个问题，就是datagrid加载无数据时给用户一个“没有相关记录”的提示。后来由于一些原因，一直没有实现。从旧框架，带到了新框架，还是要解决的，对吧？
JQuery 的 DataGrid 无法显示数据
码农UP2U
12-07 532
今天用了 JQuery 的 DataGrid，但是始终无法显示数据，结果发现是写错一个地方。 $("#test").dataGrid({ data: ${toJson(list)}, datatype: "local", 错把上面的 datatype 写成了 dataType，大小写！！
easyui-datagrid 有数据，但是页面表格数据显示出不来（样式引起的bug）
丫丫不秃头噢---
05-08 1953
今天任务是把以前jq写的版本的项目增加个需求，然后直接复用的以前的代码。看了官方文档，查找了文档，一一对比，我发现语法什么都没错误，后台也拿到了数据，但是页面上就是一直显示不出来，二通个页面另一个地方的table都可以正常显示。就很着急气人哦--------- But找了一圈子问题，排查之后发现是css样式引起的。。因为easyui的封装的生成的table不是单纯的一个table，而是自己生成外面有个最外层的div，而那个div是个width:0,而我一开始写死的数据样式里定义了table的宽度100%。。
记一次easyui加载本地数据不成功问题
我的博客
12-13 172
我这边本地数据是一行数据的子数据，我嫌麻烦就没有去数据库中获取，datagrid对象在更新数据的时候 如果是对象数据就不能使用reload方法去更新，这个只能是从后端获取的数据更新操作 如果要更新本地数据需要 $('#list_data_mapping').datagrid('loadData', data); loadData这个方法 对象格式也必须是{大括号的方式} ...
Datagrid在页面中不显示数据解决过程
weixin_40161907的博客
05-10 7647
    初学Datagrid,遇到许多问题，而且大都没有在网上找到解决方法，不过在同事的帮助下最终还是成功的解决了问题。    之前使用Dao,已完成一个能实现增删改查功能的试卷生成系统，但是被老板嫌弃表格“太土”，如下所示，所以是在这个基础上使用Datagrid改变表格的呈现形式。1.我的主要问题是生成的json格式有问题（jsp文件生成的json的格式是对的，但是对于页面显示来说是有问题的）。...
扩展easyui.datagrid，添加数据loading遮罩效果代码
12-09
而本地数据加载时则不会出现遮罩，这应该是考虑到本地数据加载的速度很快则没有使用遮罩的必要 不过呢，在实际的项目开发过程中使用时，没有考虑使用url方式加载数据，则采用了loadData方法来异步加载数据，这个时候...
JS EasyUI DataGrid动态加载数据
03-15
3. **处理加载事件**: 使用EasyUI提供的`onLoadSuccess`或`load`事件，当数据加载成功后执行相应的处理函数。例如，可以在这个事件中添加额外的逻辑，如加载更多按钮的触发。 ```javascript $(function () { $('#...
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
09-01
在开发Web应用时，使用EasyUI的datagrid组件展示大量数据时，可能会遇到加载效率低下的问题。本文主要探讨如何针对EasyUI datagrid进行性能优化，以解决大数据量加载慢的问题。 首先，我们需要理解问题的根源。当...
Jquery下EasyUI组件中的DataGrid结果集清空方法
10-26
在jQuery EasyUI框架中，DataGrid是一个非常常用的组件，用于展示和操作表格数据。当我们需要根据用户的选择动态更新DataGrid的数据时，有时需要清空DataGrid的结果集，以确保显示最新的查询结果。在这个场景中，...
EasyUI的datagrid分页不显示数据的解决方法
qq_41702574的博客
11-01 1099
按照官网的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.
Easyui-datagrid中不显示数据的可能原因
mutebenben的博客
09-19 1万+
今天在练习一个Web项目时，当写好jsp页面代码和后台查询数据库代码后，运行项目，发现EasyUI-datagrid中显示空白，Chrome浏览器的Developer Tools中没有报错，后台也能打印出后台传递到前台的json字符串。后来经过排查，发现我有两处错误导致datagrid中不显示数据。
easyui中datagrid分页问题
yrd18745200375的博客
10-19 627
要想给datagrid实现分页的效果，那么datagrid必须有这三个属性：             pagination: true,//分页控件，只有为true时才显示分页控件 pageSize: 15, //设置每页的条数 pageList: [10, 15, 30, 50] 在给datagrid添加分页时，属性中必须有url属性，否则分页不好使
easyui_Datagrid 数据网格 loadData
Dreamy_wit的博客
07-27 1585
摘要：datagrid中有load,reload,loadData那三个方式，皆是加载数据的，但又有差别。下面让我们一起来看看：首先，load方法，比如我已经定义一个datagrid的id为grid，那这个方法的使用方式为$(“#grid”).datagrid(“load”,{ });它的参数为一个json对象，里面写的是你要传输的参数的键值对，调用这个方法来加载数据的时候，它传给后台的分页信息是从
EasyUI-DataGrid LoadData加载本地Jsion，并实现分页
梦の源地
06-28 4764
Loaddata加载本地数据的时候，easyui-datagrid默认的分页不能用，只能手写了。记录下，以后复用
easy ui java_JQuery Easy Ui dataGrid 数据表格
weixin_27872611的博客
02-19 481
数据表格 - DataGrid继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。.数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰富的。单元格合并，多列标题，冻结列和页脚是其功能只是一小部分。依赖组件(Dependencies)使用...
自然语言处理实战项目：从理论到实现
最新发布
sinner小屋
09-24 642
文章主要介绍了自然语言处理实战项目。在性能方面，列举了新闻分类、摘要、情感分析任务中的各项指标成果。其具有实际应用价值，如对新闻媒体机构和企业的帮助。展望部分包括技术改进方向，像预训练模型应用、多模态融合等；应用场景拓展到社交媒体监测、智能客服系统优化；同时面临数据隐私安全和模型可解释性的挑战并给出应对策略。该项目是自然语言处理领域的一个起点，为大家提供参考与启发。
在 EasyUI 的 datagrid 中如何刷新视图且赋值
07-14
在 EasyUI 的 `datagrid` 中，可以使用 `reload` 方法来刷新视图，并可以通过设置 `loadFilter` 方法来赋值新数据。 以下是一个示例代码： ```javascript // 定义新的数据 var newData = [ { id: 1, name: 'John', age: 25 }, { id: 2, name: 'Alice', age: 30 }, // 其他数据... ]; // 刷新视图并赋值新数据 $('#datagrid').datagrid('reload', newData); ``` 在上面的示例中，我们首先定义了一个新的数据 `newData`，其中包含了一些新的行数据。然后，我们使用 `reload` 方法来刷新视图，并将新的数据作为参数传递给 `reload` 方法。 在实际使用中，你需要根据自己的具体情况进行调整和扩展，比如根据接口返回的数据进行赋值、重新加载数据等。 另外，你也可以通过调用 `loadData` 方法来赋值新数据，然后再调用 `reload` 方法刷新视图。具体的方法选择可以根据你的需求来决定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值