layui基础上的tree菜单动态渲染;
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菜单动态渲染;相关推荐
- layui中onchange失效以及form动态渲染失效的问题
最近在使用layui框架做联动的时候,发现jquery中的onchange事件方法在layui框架中失效了. 然后浏览layui社区,了解到layui监控一个控件变化有自己的方法. 设置 lay-fi ...
- layui upload上传文件时动态设置headers参数值
项目中上传文件时,需在headers中带上token,但是由于一进入页面就已经upload.render,此时如果用户没有登录,token为null,上传失败. 而且由于用户在当前页面弹框登录后,页面 ...
- 分享一个VUE Element-UI 的多级菜单动态渲染的组件
以下是组件代码: <template><div class="navMenu"><label v-for="navMenu in navMe ...
- layui动态渲染上传文件功能点击选择文件没反应解决方案
layui动态渲染上传文件功能点击选择文件没反应解决方案 场景 动态加载出来的table表格 如下表格 问题 点击选择多文件没有反应 不弹出选择文件的弹框 如果你和我是同样问题 请向下继续看 如果不同 ...
- layui进度条:调用、参数设置、动态渲染、数据热更新 (含案例、代码)
文章目录 layui进度条:调用.参数设置.动态渲染.数据热更新 (含案例.代码) 一.demo案例 1.1. 应用 · 截图: 1.2. 案例 · 全部代码: 二.自定义案例 2.1. 部分代码: ...
- bpmn-process-designer基础上进行自定义样式(工具、元素、菜单)
文章目录 一.自定义工具Palette 例如这里对开始事件工具进行自定义 二.自定义样式Palette和PopupMenu 三.自定义图形元素svg样式(包含了节点和连线) 自定义元素颜色 然后就是元 ...
- webGL、webGPU、封装、渲染引擎 three.js、游戏引擎,定位是游戏开发,在前面的渲染引擎基础上,还提供了骨骼动画、物理引擎、AI、GUI 等功能,以及可视化编辑器来设计关卡,支撑大型游戏
https://zhuanlan.zhihu.com/p/162878354 如何选择 WebGL 框架和引擎? 知道得越多,不知道的就更多了 数据可视化Sugar-百度智能云 cloud.ba ...
- UE官方教程笔记01-实时渲染基础上
对官方教程视频[官方培训]01-实时渲染基础上 | 陈拓 Epic的笔记 部分没听懂的地方就按自己的理解瞎写了 介绍 实时渲染(Real-Time Rendering,RTR)是指在计算机上快速生成图 ...
- layui select动态赋值_layui与 VUE 配合使用时动态渲染 select 坑
使用v-model 动态渲染元素后, 刷新from:layui.form.render(), 一定要刷新from <form class="layui-form" actio ...
最新文章
- 解决phpQuery(DOMDocument)解析部分HTML会产生乱码的问题
- attiny13a程序实例_ATtiny13A带A新版本
- 0x08 大数据分析,七层基本功
- objects jdk8_JDK 9:NotNullOrElse方法已添加到Objects类
- hdu 3923 Invoker
- 使用python的笔记
- 安阳学院有几次计算机考试,安阳:2017年上半年全国计算机等级考试顺利结束...
- 9. CSS 背景属性
- C++ main函数的几点细节(转载)
- TensorFlow 安装教程
- 爬虫百度图片进入百度验证怎么办?
- linux 安装软件仓库,linux 软件仓库
- zigbee协议栈-端点
- 微信小程序点击图片放大图片
- VDA2 6th 2020 Securing the Quality of Supplies PPA 最新版 第6版 供货质量保证:生产过程和产品批准PPA(红皮书)
- 如何绕过mac地址过滤_Maccms V8 后台Getshell #2(绕过过滤)
- NAS(Network Attached Storage)协议
- sql跟oracle的区别吗,扫盲文:oracle跟sql server的十大区别
- html5中检测网络状态的方法,前端js监听浏览器网络变化
- Java面试官:java的跨平台原理