easyui的treegrid一些小问题

最新推荐文章于 2022-08-31 13:58:47 发布
最新推荐文章于 2022-08-31 13:58:47 发布
阅读量1.3k 收藏
点赞数
文章标签： easyui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shaofeng07/article/details/123764676
版权

项目前端用的是layui框架，但是layui的table的树状表格不太好用，下图是用easyui的treegrid，这是正常状态下的在这里插入图片描述
遇到的问题是显示数据不全，前端明明接收到了3条数据，但是只显示一条，而且展开数据，样式会崩掉，如下图，我之前页面还是好的
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
然后我先是去仔细看了看官方文档，网上搜了关于数据显示不全的问题，并没有什么作用，最后找了半小时才发现因为按钮是用序列化的形式添加到表单的，里面不能有注释，我把注释的代码删掉就显示正常了，因为这个页面之前也是正常的，以前没有遇到过这种情况，所以我自己记录一下，以后说不定用的上，下图是代码
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

因为我是少丰啊
关注
EasyUI中treegrid查询数据后，前台接收到了数据但是不展示的问题
x62982的博客
04-18 2158
在treegrid展示全部数据之后，通过查询某些数据再进行treegrid展示时，页面却展示不出来，但是通过调试模式发现，前台已经接受到了要展示数据的Json字符串。 主要问题： 在进行treegrid展示数据时，我们在返回的Json字符串中一定需要有一个（_parentId）字段，并且要有一个_parentId的值为空作为最开始的父节点，当我们查询想要的数据之后，我们会发现这些数据中的_pare...
Easyui treegrid 无法显示树形结构解决办法
weixin_34218579的博客
05-02 1562
easyuitreegrid 中检查了数据结构没有问题的,但就是不展示树形结构, 检查发现原来是 var columnsAll = [ { title: '任务ID', field: 'TaskID', width: 150, align: 'left', }, { field: 'OrderID', width: 100, ali...
升级jquery-easyui1.4.5后treegrid无法显示
zljava2009的专栏
07-13 454
这几天升级了项目中easyui的版本，主要因为1.4.5添加了window的动画效果，但是升级以后发现，treegrid无法正常显示数据，经过和官方demo的对比，发现返回json格式数据在顶级节点上多了patentid等于0，而之前用的1.4.2版本对这种情况是可以正常显示的，删除patentid为0的节点的parentid属性以后，就能正常显示了。这里写出来希望能帮到遇到同样问题的朋友。
使用easyUI的treegrid的时候，出现后台返回数据为空时，treegrid加载了前面请求到的数据到页面上的问题
xingguangbao的博客
03-31 2531
当时具体使用的加载方式为： 解决办法：使用easyUI的treegrid提供的loadData方法。具体步骤如下： 1.写法和上面的图片一样，但是请删掉url这个属性 2.首先使用jQuery的ajax类方法从后台获取json格式的后台数据data(当然也可以使用其他方式，但是格式必须对) 3.在ajax的成功方法中做判断，看是否使用treegrid提供的loadData方
Jquery easyUI treeGride用js初始化后不显示树结构的解决方案
huitoukest的专栏
12-23 5714
问题:       已知treeGride 1.44以及之前的版本中,用js的方式加载json数据来初始化一个treeGride会出现没有树结构的bug;       其要求的数据格式如下: [{ "id":1, "name":"C", "size":"", "date":"02/19/2010", "children":[{ "id"
解决 easyui treegrid 批量展开和关闭卡顿问题。
05-09
当TreeGrid数据量过大的时候 使用 $('#tg').treegrid('collapseAll'); 和 $('#tg').treegrid('expandAll');会造成严重卡顿， 解决方案： 数据增加属性 state：closed， 即可默认收起，反之展开，需再展开时，将加载...
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，...
html中treegrid不显示根节点,easyUI TreeGrid的加载问题
weixin_35127842的博客
06-18 375
工作的原因，以后主要做一些JavaWeb的开发工作，开辟这个文章集主要用来记录学习的过程和分享遇到的问题，方便日后回顾或许还能帮助网友解决相同的问题。easyUi的TreeGrid的问题easyui是个不错的前端库，以后好好学习学习。最近在做业务遇到了TreeGrid的加载问题。官方的手册的加载数据有三种是：No.1：[{"id":1,"name":"C","size":"","date":"02...
解决EasyUIdataGrid列比较多，无数据，列展现不全
01-07
解决EasyUIdataGrid列比较多，无数据，列展现不全
easyui分页时，总页数出错
weixin_30278311的博客
03-14 290
错误出现 MyBatis用easyui写后台分页代码时，出现翻页后显示总页数错误 代码如下 可能原因在于后台mappers.xml里的sql语句错误 <select id="getProductTotal" parameterType="Map" resultType="Long"> 　　select count(*) from t_product 　　<...
使用easyui-treegrid数据层级展示问题
reg183的专栏
08-31 445
其中数据是有关键字的children，所有子集数据必须放在父级数据的children中。treeField参数非常重要，他是用来展示 分级控件的实际点击按钮。比如我这边用的是date 那页面上展示的就会以date来展开或者关闭。treegrid的数据必须是一个jsonarray格式的数据。在使用控件展示的时候，控件中的。...
easyui datagrid内容显示不完用省略号代替,并设置title悬浮显示全部内容
xfl4629712的博客
05-05 1万+
在页面开发中,我们有时会遇到datagrid的某列内容过多无法全部显示,我们可以用省略号代替未显示的内容,并设置title在鼠标悬停在该单元格时悬浮显示全部内容,代码实现如下: 1:jsp设置style,实现未显示部分用省略号代替:             .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .
Easyui-datagrid中不显示数据的可能原因
热门推荐
mutebenben的博客
09-19 1万+
今天在练习一个Web项目时，当写好jsp页面代码和后台查询数据库代码后，运行项目，发现EasyUI-datagrid中显示空白，Chrome浏览器的Developer Tools中没有报错，后台也能打印出后台传递到前台的json字符串。后来经过排查，发现我有两处错误导致datagrid中不显示数据。
EasyUI中tree组件不显示数据或者显示undefined的解决方案
Zhengw博客专栏
05-08 1万+
这几天学习easyUI，用到了tree组件，蛋疼了N天，终于出来了，现在总结几个问题。 1、官方demo里，取的数据都是在.json文件里取的，在实际应用中显然不能这么做，要从数据库中取出，那么问题来了，怎么取？官方demo里也没有说明，在网上找半天也没找到什么结果，现做如下总结： 方法1：Ajax取，在web界面加载完成后调用ajax，从后台在数据库中取值，拼接成JSON，拼接的方法有很多，
easyui中datagrid数据行不足时填补空白方法
weixin_30386713的博客
03-31 392
　　easyui中datagrid列表当前页数据量小于pageSize时会显示一片空白区域，影响页面美观性（图一），我们可以用空数据行填充以补齐空白（图二）。 图一 图二 　　填充方法有很多，下面介绍一种个人认为比较简单的直接操作dom填充方式。 　　扩展datagrid方法： 1 $.extend($.fn.datagrid.methods...
使用easyui的treegrid可能遇见的小问题
omg123210的博客
07-21 3964
博猪昨天搭建了一个小小的后台管理页面，需要一个树状的下拉列表，由于本小白是个只会写后端的小渣渣，所以使用easyui搭建了一下,先上个效果图吧 对于一个只会写后台的码农来说，这个页面还是很满足的，但是搭建过程中发现了几个小问题导致树的效果并显示不出来，所以分享给大家，防止大家也和我一样走弯路，好了，进入正题！ (1).检查你的数据接口是否返回的是“_parentId”， 解决
easyui datagrid设置fit: true后，高度不自动调整，且分页栏显示不全
wxfei19840610的博客
09-24 2014
easyui datagrid设置fit: true后，高度没有自动调整 解决方法：用js调整，并做到页面缩放时，datagrid根据页面大小自动调整大小 function initGridHeight(obj) { if (obj != null) { $(window).on("resize", function () { try { var win_h = $(window).height();
EasyUI TreeGrid优化与实现
"EASYUI TREEGRID - 一种基于EasyUI的数据网格组件，支持树形结构展示数据，具有行高亮、版本迭代等功能" EasyUI TreeGrid 是一个基于EasyUI框架的扩展组件，主要用于展示具有层级关系的数据，它结合了表格和树形...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值