使用easyui的treegrid可能遇见的小问题

最新推荐文章于 2022-03-26 22:08:16 发布
原创 最新推荐文章于 2022-03-26 22:08:16 发布 · 4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#easyui #treegrid #JSON

博猪昨天搭建了一个小小的后台管理页面，需要一个树状的下拉列表，由于本小白是个只会写后端的小渣渣，所以使用easyui搭建了一下,先上个效果图吧生气


对于一个只会写后台的码农来说，这个页面还是很满足的，但是搭建过程中发现了几个小问题导致树的效果并显示不出来，所以分享给大家，防止大家也和我一样走弯路，好了，进入正题！


(1).检查你的数据接口是否返回的是“_parentId”，

解决：因为若我们不做处理，FASTJSON可能会返回字符串没有"_"这个字符，所以在你需要树状显示的实体类中，在定义_parentId的时候加上一个

@JSONField(name="_parentId")

这个注解，即可以解决返回的JSON字符串没有前置下划线的问题！


(2).检查树状列表的父类返回的"_parentId"的数值是否为

最低0.47元/天 解锁文章

200万优质内容无限畅学
easyui 官方treeGrid例子中的_parentId讨论
changheluorivs的博客
12-13 7966
treeGrid展现树状结构方法比较多，1.3.2demo中给出了三个json的数据文件，实现方法大概有以下三种： 第一种： 官方demo中的树形结构的json，可以参看官方demo，个人觉得现实项目中，按照该格式返回json太过复杂 第二种： 根据state的状态来返回数据，state为closed时，前端显示关闭状态，点击该节点，该节点会展开，同时会往后台传该节点的id（注意，你设置的主键
解决 easyui treegrid 批量展开和关闭卡顿问题。
05-09
当TreeGrid数据量过大的时候 使用 $('#tg').treegrid('collapseAll'); 和 $('#tg').treegrid('expandAll');会造成严重卡顿， 解决方案： 数据增加属性 state：closed， 即可默认收起，反之展开，需再展开时，将加载...
easyui treegrid子节点对齐问题
大橙子
07-23 673
问题： 子节点会出现不对其的情况 解决： 将对齐方式改为左对齐，即可。
解决EasyUI中的treegrid中无法实现父子联动问题
浩瀚天空的博客
04-24 1907
这次再开发中使用EasyUI中treegrid遇到问题：数据域从服务器获取，数据有父子关系。当点击父对象的checkbox时可以全选子对象的checkbox，但是当去勾选其中一个子对象时父对象还在选中状态，而不是半选中状态；解决方法：在封装子对象时添加"_parentId"字段，值为父对象的id值。...
使用easyUI的treegrid的时候，出现后台返回数据为空时，treegrid加载了前面请求到的数据到页面上的问题
xingguangbao的博客
03-31 2582
当时具体使用的加载方式为： 解决办法：使用easyUI的treegrid提供的loadData方法。具体步骤如下： 1.写法和上面的图片一样，但是请删掉url这个属性 2.首先使用jQuery的ajax类方法从后台获取json格式的后台数据data(当然也可以使用其他方式，但是格式必须对) 3.在ajax的成功方法中做判断，看是否使用treegrid提供的loadData方
EasyUI中tree组件不显示数据或者显示undefined的解决方案
热门推荐
Zhengw博客专栏
05-08 1万+
这几天学习easyUI，用到了tree组件，蛋疼了N天，终于出来了，现在总结几个问题。 1、官方demo里，取的数据都是在.json文件里取的，在实际应用中显然不能这么做，要从数据库中取出，那么问题来了，怎么取？官方demo里也没有说明，在网上找半天也没找到什么结果，现做如下总结： 方法1：Ajax取，在web界面加载完成后调用ajax，从后台在数据库中取值，拼接成JSON，拼接的方法有很多，
Easyui Treegrid改变默认图标的方法
09-02
Easyui Treegrid是一款基于jQuery的UI库，用于创建具有树形结构的表格。它结合了表格和树的优点，使得数据展示既清晰又有层次感。在实际应用中，我们可能需要根据业务需求定制Treegrid的外观，包括改变其默认的图标...
EASYUI TREEGRID异步加载数据实现方法
09-05
EASYUI TreeGrid是一款基于jQuery和EASYUI框架的数据展示组件，它结合了表格和树形结构的特点，常用于展示层次关系的数据。在EASYUI TreeGrid中，异步加载数据是一项重要的功能，允许用户在需要时动态获取数据，提高...
jQuery Easyui Treegrid实现显示checkbox功能
01-19
下面通过本文给大家介绍下图中的treegrid如何实现？ 要求：动态加载；级联勾选；通关类型判断显示包库/还是镜像（列有所不同，镜像共4列），勾选一个复选框，后面的复选框变为不可勾选状态。 下面是具体代码： 1，...
jquery easyui Treegrid 暴力修改父节点ID
xinglinglove的博客
07-26 2323
jquery easyui Treegrid 暴力修改父节点ID 项目页面需要展示组织架构及管理，作为一个前台菜鸟，第一时间 就想到了 easyui 的treegrid。然后在网上下载的API和demo，然后就开始了我的 苦逼 探索之路。 首先在建立treegrid的是API提供了两种新建方式 ① id="tt" class="easyui-treegrid"
解析jquery easyui tree异步加载子节点问题
10-20
本篇文章主要介绍解析jquery easyui tree异步加载子节点问题，easyui中的树可以从标记中建立，也可以通过指定一个URL属性读取数据建立，有兴趣的可以了解一下。
easyui中datagrid数据行不足时填补空白方法
weixin_30386713的博客
03-31 429
　　easyui中datagrid列表当前页数据量小于pageSize时会显示一片空白区域，影响页面美观性（图一），我们可以用空数据行填充以补齐空白（图二）。 图一 图二 　　填充方法有很多，下面介绍一种个人认为比较简单的直接操作dom填充方式。 　　扩展datagrid方法： 1 $.extend($.fn.datagrid.methods...
eaysui中treegrid无法显示父节点
weixin_42064877的博客
03-10 497
eaysui中treegrid无法显示父节点
easyui的treegrid一些小问题
Shaofeng07的博客
03-26 1387
easyui
使用EasyUI的treegrid犯的个低级错误
weixin_33958366的博客
12-02 313
使用EasyUI的treegrid, 不管是初始化组件时使用data属性还是生成组件后调用 loadData方法，表格就是生成不了，还出现好多行undefined... 卡了我1个多小时，最后发现居然是数据未生成JSON Object,汗啊。。。 血的教训，记录一下，以后别那么2了。 转载于:https://www.cnblogs.com/kkwoo/p/3453230.html...
html中treegrid不显示根节点,easyUI TreeGrid的加载问题
weixin_35127842的博客
06-18 406
工作的原因，以后主要做一些JavaWeb的开发工作，开辟这个文章集主要用来记录学习的过程和分享遇到的问题，方便日后回顾或许还能帮助网友解决相同的问题。easyUi的TreeGrid的问题easyui是个不错的前端库，以后好好学习学习。最近在做业务遇到了TreeGrid的加载问题。官方的手册的加载数据有三种是：No.1：[{"id":1,"name":"C","size":"","date":"02...
easyui-treegrid加载问题
pengjj2的博客
07-20 363
。 2、使用_parentId的形式，这种形式对_parentId的值有严格要求，如果是空值，则需删除这个属性。否则树形展示不出来，另外一个对顺序是否有要求，还需进一步测试。可采用这种形式加载本地数据。 {"total":bomList.length,"rows":bomList}
（转）jQuery EasyUI Tree - TreeGrid动态加载子节点
agnsm00804的专栏
08-30 391
有时我们已经得到充分的分层树形网格（TreeGrid）的数据。 我们还想让树形网格（TreeGrid）按层次惰性加载节点。 首先，只加载顶层节点。 然后点击节点的展开图标来加载它的子节点。 本教程展示如何创建带有惰性加载特性的树形网格（TreeGrid）。 创建树形网格（TreeGrid） <table id="test" title="Folder Browser" c...
EasyUI Treegrid 使用问题记录
养码青年
04-26 990
项目上使用 easyui treegrid进行展示树形结构，结构遇到了许多问题，这里只针对问题做一个简单的记录。 1.各个参数的意义 parentId （必须）：记得前面有“” ，他是用来记录父级节点，没有这个属性，是没法展示父级节点 其次就是这个父级节点必须存在，不然信息也是展示不出来，在后台遍历组合的时候，如果父级节点不存在或为0时，此时 _parentId 应该不赋值。如果赋值 “0
实现EasyUI TreeGrid数据格式化的JS方法
要生成适合EasyUI treegrid使用的JSON格式数据，首先要了解treegrid期望的JSON结构。treegrid要求的JSON数据通常包含id, text, children, leaf等字段。其中，id是节点的唯一标识，text是节点显示的文本，children是...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值