easyui的treegrid一些小问题

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

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

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

因为我是少丰啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决 easyui treegrid 批量展开和关闭卡顿问题。
05-09
当TreeGrid数据量过大的时候 使用 $('#tg').treegrid('collapseAll'); 和 $('#tg').treegrid('expandAll');会造成严重卡顿， 解决方案： 数据增加属性 state：closed， 即可默认收起，反之展开，需再展开时，将加载的data数据中的state属性变更，再重新执行 $('#tg').treegrid('loadData', data); 即可实现，亲测有效 无卡顿 注：无子项的请勿加state属性
项目EasyUi和JS中遇到的问题总汇
weixin_34212762的博客
06-08 215
近期因为项目用到EasyUi,曾经仅仅是听过，可是没有详细用过。仅仅能一边学一边做。如今将做的过程中遇到的一些难点总结例如以下，以备后用： EsayUi使用： Json格式：key:value,key:value <body class="easyui-layout">     <div data-options="region:'north',title:'...
easyui的datagrid的右侧区域空白及列数横向不能填满
大头之家
10-27 4102
转载自 : http://www.qdfuns.com/notes/28565/9e67bb84a70fc6dae1e80e0ba8ee9470.html 先看看问题： 右侧这一列空白，传说是为表格的竖直滚动条预留的。。。 -------------------------------------------------------------------------分割
使用easyUI的treegrid的时候，出现后台返回数据为空时，treegrid加载了前面请求到的数据到页面上的问题
xingguangbao的博客
03-31 2483
当时具体使用的加载方式为： 解决办法：使用easyUI的treegrid提供的loadData方法。具体步骤如下： 1.写法和上面的图片一样，但是请删掉url这个属性 2.首先使用jQuery的ajax类方法从后台获取json格式的后台数据data(当然也可以使用其他方式，但是格式必须对) 3.在ajax的成功方法中做判断，看是否使用treegrid提供的loadData方
Easyui Tab中的datagrid无法填充整个容器
yu_handsome的专栏
04-17 2379
【DataGrid无法填充整个容器】datagrid 设置属性： {fit:true} 还是无法填充这个tab容器，将table 的样式设置style="height:500px;width:500px"还是无效是【解决方案】  将datagrid所在的父级标签(例如：easyui-tabs)将属性{fit:true}时问题解决，因为easui-tabs没有设置填充整个容器，只是设置了datagr...
easyui datagrid内容显示不完用省略号代替,并设置title悬浮显示全部内容
热门推荐
xfl4629712的博客
05-05 1万+
在页面开发中,我们有时会遇到datagrid的某列内容过多无法全部显示,我们可以用省略号代替未显示的内容,并设置title在鼠标悬停在该单元格时悬浮显示全部内容,代码实现如下: 1:jsp设置style,实现未显示部分用省略号代替:             .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .
EasyUI的treegrid组件动态加载数据问题的解决办法
12-24
最近涉及到treegrid组件的查询，需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果
jQuery Easyui Treegrid实现显示checkbox功能
01-19
下面通过本文给大家介绍下图中的treegrid如何实现？ 要求：动态加载；级联勾选；通关类型判断显示包库/还是镜像（列有所不同，镜像共4列），勾选一个复选框，后面的复选框变为不可勾选状态。 下面是具体代码： 1，...
jQuery EasyUI的TreeGrid查询功能实现方法
10-19
主要介绍了jQuery EasyUI的TreeGrid查询功能实现方法,需要的朋友可以参考下
Easyui Treegrid改变默认图标的方法
09-02
主要介绍了Easyui Treegrid改变默认图标的方法的相关资料,需要的朋友可以参考下
easyui 中Datagrid 控件在列较多且无数据时，列显示不全的解决方案
u014191043的专栏
11-19 812
$('#dg3').datagrid({ onLoadSuccess:function(data){ if(data.total==0){ var dc = $(this).data('datagrid').dc; var header2Row = dc.head
LayUI之动态树
最新发布
2301_76988707的博客
07-12 148
该架包是自定义MVC框架的jar架包，在本篇博客的最上面可以下载jar的资源包，下载后进行解压即可使用，要将该文件的使用架包导入项目的WEB-INF文件中的lib文件中。
easyui中datagrid数据行不足时填补空白方法
weixin_30386713的博客
03-31 353
　　easyui中datagrid列表当前页数据量小于pageSize时会显示一片空白区域，影响页面美观性（图一），我们可以用空数据行填充以补齐空白（图二）。 图一 图二 　　填充方法有很多，下面介绍一种个人认为比较简单的直接操作dom填充方式。 　　扩展datagrid方法： 1 $.extend($.fn.datagrid.methods...
使用easyui的treegrid可能遇见的小问题
omg123210的博客
07-21 3924
博猪昨天搭建了一个小小的后台管理页面，需要一个树状的下拉列表，由于本小白是个只会写后端的小渣渣，所以使用easyui搭建了一下,先上个效果图吧 对于一个只会写后台的码农来说，这个页面还是很满足的，但是搭建过程中发现了几个小问题导致树的效果并显示不出来，所以分享给大家，防止大家也和我一样走弯路，好了，进入正题！ (1).检查你的数据接口是否返回的是“_parentId”， 解决
Layui表格加载数据不分页只显示10条数据问题
weixin_40362806的博客
04-24 1339
layui的表格只显示10条数据问题
使用Element UI 开发页面遇到的问题之Tree树形结构节点过长显示不完全问题
sinat_41694829的博客
05-15 9771
1.Tree树形结构节点过长显示不完全问题 这个问题怎么解决呢，本身element框架里自带的是文字过长直接就隐藏了，但是需求写起来肯定不会这样写，一般情况下我们会选择换行显示，但是我觉得换行不美观，所以选择"…"来显示文字内容没有完全显示，然后鼠标移上去再通过"title"显示出来，话不多说，直接上代码。 1.html格式代码 html和文档里的格式不一样，因为这里是采用的span标签来加载数据...
flask 模板渲染layui数据表格不显示以及显示不完全
qq_29877737的博客
09-08 1623
flask模板引擎渲染layui数据表格不完全
EasyUI中tree组件不显示数据或者显示undefined的解决方案
Zhengw博客专栏
05-08 1万+
这几天学习easyUI，用到了tree组件，蛋疼了N天，终于出来了，现在总结几个问题。 1、官方demo里，取的数据都是在.json文件里取的，在实际应用中显然不能这么做，要从数据库中取出，那么问题来了，怎么取？官方demo里也没有说明，在网上找半天也没找到什么结果，现做如下总结： 方法1：Ajax取，在web界面加载完成后调用ajax，从后台在数据库中取值，拼接成JSON，拼接的方法有很多，
easyui treegrid 懒加载
05-12
easyui treegrid懒加载是一种用于提高网页性能的技术。与通常的加载方式不同，easyui treegrid 懒加载只在用户请求时才加载数据，而不是一次性加载所有数据。这个方法对于处理大量数据的应用程序特别有用。 实现...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值