1 var layout=[
 2     {
 3         title:'脚本对象名称',
 4         treeNodes:true,
 5         headerClass:'value_col',
 6         colClass:'value_col',
 7         style:'width:60%'
 8     },
 9     {
10         title:'操作',
11         headerClass:'value_col',
12         colClass:'value_col',
13         style:'width:9%',
14         render:function(row){
15             var str='';
16             if(row.parentId!=null&&row.children.length<=0){//有父元素没有子元素;
17                 str = '<a class="layui-btn layui-btn-danger layui-btn-xs" οnclick=del("' + row.id + '","' + row.parentId + '","' + row.children.length + '")><i class="layui-icon"></i></a>'
18             }else{
19                 ''
20             }
21             return '<a class="layui-btn layui-btn-normal layui-btn-xs" οnclick=add("'+row.id+'","'+row.level+'")><i class="layui-icon"></i></a>'+
22                 '<a class="layui-btn layui-btn-warm layui-btn-xs" οnclick=change("' + row.id + '","' + row.title + '")><i class="layui-icon"></i></a>'+ //列渲染
23                 str;
24         }
25     }
26 ];
27 var groupList;
28 layui.use(['tree', 'layer','form','table'], function() {
29     var $ = layui.$,
30         layer = layui.layer,
31         form = layui.form,
32         table = layui.table;
33         $.ajax({
34             type: "post",
35             url: "/cd/tool/scene/tree.afca",
36             dataType:'json',
37             success:function(data){
38                 if(data.code==='0'){
39                     var message=data.msg;
40                     groupList=data.data;
41                     layui.treeGird({
42                         elem:'#demo',
43                         spreadable:true,
44                         nodes:groupList,
45                         layout:layout
46                     })
47                 }
48             },
49             error:function(){
50
51             }
52         })
53
54 });

layui基础上的tree菜单动态渲染;相关推荐

  1. layui中onchange失效以及form动态渲染失效的问题

    最近在使用layui框架做联动的时候,发现jquery中的onchange事件方法在layui框架中失效了. 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法. 设置 lay-fi ...

  2. layui upload上传文件时动态设置headers参数值

    项目中上传文件时,需在headers中带上token,但是由于一进入页面就已经upload.render,此时如果用户没有登录,token为null,上传失败. 而且由于用户在当前页面弹框登录后,页面 ...

  3. 分享一个VUE Element-UI 的多级菜单动态渲染的组件

    以下是组件代码: <template><div class="navMenu"><label v-for="navMenu in navMe ...

  4. layui动态渲染上传文件功能点击选择文件没反应解决方案

    layui动态渲染上传文件功能点击选择文件没反应解决方案 场景 动态加载出来的table表格 如下表格 问题 点击选择多文件没有反应 不弹出选择文件的弹框 如果你和我是同样问题 请向下继续看 如果不同 ...

  5. layui进度条:调用、参数设置、动态渲染、数据热更新 (含案例、代码)

    文章目录 layui进度条:调用.参数设置.动态渲染.数据热更新 (含案例.代码) 一.demo案例 1.1. 应用 · 截图: 1.2. 案例 · 全部代码: 二.自定义案例 2.1. 部分代码: ...

  6. bpmn-process-designer基础上进行自定义样式(工具、元素、菜单)

    文章目录 一.自定义工具Palette 例如这里对开始事件工具进行自定义 二.自定义样式Palette和PopupMenu 三.自定义图形元素svg样式(包含了节点和连线) 自定义元素颜色 然后就是元 ...

  7. webGL、webGPU、封装、渲染引擎 three.js、游戏引擎,定位是游戏开发,在前面的渲染引擎基础上,还提供了骨骼动画、物理引擎、AI、GUI 等功能,以及可视化编辑器来设计关卡,支撑大型游戏

    https://zhuanlan.zhihu.com/p/162878354 如何选择 WebGL 框架和引擎? ​ 知道得越多,不知道的就更多了 数据可视化Sugar-百度智能云 ​cloud.ba ...

  8. UE官方教程笔记01-实时渲染基础上

    对官方教程视频[官方培训]01-实时渲染基础上 | 陈拓 Epic的笔记 部分没听懂的地方就按自己的理解瞎写了 介绍 实时渲染(Real-Time Rendering,RTR)是指在计算机上快速生成图 ...

  9. layui select动态赋值_layui与 VUE 配合使用时动态渲染 select 坑

    使用v-model 动态渲染元素后, 刷新from:layui.form.render(), 一定要刷新from <form class="layui-form" actio ...

最新文章

  1. 解决phpQuery(DOMDocument)解析部分HTML会产生乱码的问题
  2. attiny13a程序实例_ATtiny13A带A新版本
  3. 0x08 大数据分析,七层基本功
  4. objects jdk8_JDK 9:NotNullOrElse方法已添加到Objects类
  5. hdu 3923 Invoker
  6. 使用python的笔记
  7. 安阳学院有几次计算机考试,安阳:2017年上半年全国计算机等级考试顺利结束...
  8. 9. CSS 背景属性
  9. C++ main函数的几点细节(转载)
  10. TensorFlow 安装教程
  11. 爬虫百度图片进入百度验证怎么办?
  12. linux 安装软件仓库,linux 软件仓库
  13. zigbee协议栈-端点
  14. 微信小程序点击图片放大图片
  15. VDA2 6th 2020 Securing the Quality of Supplies PPA 最新版 第6版 供货质量保证:生产过程和产品批准PPA(红皮书)
  16. 如何绕过mac地址过滤_Maccms V8 后台Getshell #2(绕过过滤)
  17. NAS(Network Attached Storage)协议
  18. sql跟oracle的区别吗,扫盲文:oracle跟sql server的十大区别
  19. html5中检测网络状态的方法,前端js监听浏览器网络变化
  20. Java面试官:java的跨平台原理

热门文章

  1. wordpress胖鼠采集去限制版
  2. 精美的导航引导页html源码
  3. 得推分类信息 v4.0 强大且好用的网站信息编辑管理工具
  4. 小说小程序源码 带采集
  5. 全网最新IDEA项目注释规范设置
  6. 纸白银:交易简便成本低
  7. PHP类: SEO必备的伪原创工具 (文章重写)
  8. HTML5 地理位置定位(HTML5 Geolocation)原理及应用 (调用GPS)
  9. PHP的password_hash()使用实例
  10. UILable和UITextField的详细讲解