layui treetable 查询child子节点数据不显示问题处理方法
时间:2020-05-29
本文章向大家介绍layui treetable 查询child子节点数据不显示问题处理方法,主要包括layui treetable 查询child子节点数据不显示问题处理方法使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
查询child子节点数据不显示问题,主要问题出在treeSpid这个参数上面,具体参数说明看下面列子,
treeSpid参数我们一般定义 0,-1或者'' 表示最顶级目录,当我们查询的数据的pid不是这几个设置的值,就会造成数据显示不出来,我们怎么办呢?
那就让查询出来的数据符合要求就可以显示出来数据了,操作程序代码如下:
//获取查询数据结果最小pid,list为数据列表
Integer pid = service.getListMiniPid(Params);
pid =pid !=null?pid:0;
//获取查询数据的所有Id列表
List<Integer> idList = new ArrayList<Integer>();
for(Params ag:list){
idList.add(ag.getId());
}
//判断pid是否存在ID列表中,不存在,设置数据pid的值为最小值
for(Params ag:list){
if(null!=ag.getPid()){
boolean falg = idList.contains(ag.getPid());
if(!falg){
ag.setPid(pid);
}
}
}
//组装返回数据
Map<String,Object> map = new HashMap();
map.put("list",list);
map.put("pid",pid);
data.setData(map);
//初始化表格,data为传递参数
var renderTable = function (data) {
layer.load(2);//加载框
$.get('调用方法?'+data, function (res) {
treetable.render({
treeColIndex: 2,//树形图标显示在第几列
treeSpid: res.data.pid,//最上级的父级id:比如你可以规定pid为0或-1的是最顶级的目录
treeIdName: 'id',//id字段的名称
treePidName: 'pid',//pid字段的名称
treeDefaultClose: false,//是否默认折叠
treeLinkage: false,//父级展开时是否自动展开所有子级
elem: '#ZX_table_list',
height: 'full-115',
data: res.data.list,
page: false,
cols: [[
数据渲染显示字段
]],
done: function () {
//关闭加载
layer.closeAll('loading');
}
});
}, 'json');
};
文章分享完毕,希望我的分享对大家有所帮助。更多学习技巧也可参阅:网站源码、模板、教程
原文地址:https://www.cnblogs.com/meilideni/p/12988753.html
- Python Selenium设计模式-POM
- 基于Excel参数化你的Selenium2测试
- 创建你的第一个webdriver python代码
- Python Selenium Webdriver安装手册
- 工具篇 - HTTP协议报文结构及示例03
- 工具篇 - JMeter目录及关键配置分析02
- python unittest之加载及跳过测试方法和示例
- python unittest之异常测试
- python unittest之断言及示例
- python unittest关键API说明及示例
- 性能测试必备监控技能linux篇14
- JMeter函数和变量11
- JMeter监听器10
- JMeter处理器09
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- Xshell5连接虚拟机中的Linux的方法以及失败原因解决
- Android 多线程的实现方法总结
- Android编程之SQLite数据库操作方法详解
- 浅谈android组件化之ARouter简单使用
- Android ScrollView实现下拉弹回动画效果
- Android实现用文字生成图片的示例代码
- Android bindservice失败解决方法
- Android 悬浮窗权限各机型各系统适配大全(总结)
- Android中Fragment相互切换间不被回收的实现方法
- Android手机管理工具类详解
- 通过代码学Sutton强化学习第四章动态规划
- android通过okhttpClient下载网页内容的实例代码
- Android自定义键盘的实现(数字键盘和字母键盘)
- Android iconify 使用详解
- XRecyclerView实现下拉刷新、滚动到底部加载更多等功能