改造layui-树（tree）组件的添加、编辑、删除操作（补充上一篇）

这篇是用来补充上一篇：改造layui-树（tree）组件支持添加、编辑、删除的自定义（弹框）操作（https://blog.csdn.net/liona_koukou/article/details/99824998）的，鉴于有同学问代码里下面这两个的详细代码在此做一个树操作的补充

limitNodeAddLevel: 0, // 设置第X级节点不允许添加操作
limitNodeDelLevel: 0, // 设置第X级节点不允许删除操作

我们在layui官网见到的树操作如下，每个节点后都有这三种操作：添加、编辑、删除

但实际项目中可能会有这种情况出现：某级节点不允许添加或删除操作

像我们这个项目就是根节点不允许删除操作，3级节点不允许添加操作，为了实现这个功能我对layui的tree进行了修改

tree.js文件修改如下：

1、默认配置里加上这两项配置

2、节点操作图标这里加上判断条件，如果设置这两项那么节点图标内容做相应调整，默认是三种图标都显示（这部分代码是每一个节点渲染的时候都会进行判断当前节点要显示的操作有哪些），注意里面的item.rank，这个rank是树的数据结构里我们后台传过来的，表示节点的等级是几级节点，这样可以自定义自己需要的树操作限制。

3、tree组件使用：设置需要限制操作的节点等级就可以

以上o(*￣︶￣*)o

改造layui-树（tree）组件的添加、编辑、删除操作（补充上一篇）相关推荐

asp.net 对xml文件的读写,添加,修改,删除操作
asp.net 对xml文件的读写,添加,修改,删除操作下面有代码调试正确 using System; using System.Collections; using System.Componen ...
***Redis hash是一个string类型的field和value的映射表.它的添加、删除操作都是O(1)(平均)。hash特别适合用于存储对象...
http://redis.readthedocs.org/en/latest/hash/hset.html HSET HSET key field value (存一个对象的时候key存) 将哈希 ...
android如何使用ios14组件,iOS14如何添加和删除小组件 iOS14添加和删除小组件的方法...
iOS14最吸引人的功能莫过于小组件,可以根据需求添加自己想要的功能,简单易用,系统功能得到改善和提升,让iOS使用更加便捷. iOS14添加和删除小组件的方法 iOS14小组件可以存在于主页,也可以 ...
请问，你心里有B树吗？？（B树添加、删除操作详细图解）
目录 1 B树 1.1 B树的特点 1.2 m阶B树 1.2.1 m阶B树的性质 1.3 B树的搜索 1.4 B树的添加 1.4.1添加产生的上溢 1.5 B树的删除 1.5.1 删除产生的下溢 1 ...
GridView编辑删除操作
第一种:使用DataSource数据源中自带的编辑删除方法,这样的不经常使用,在这里就不加说明了. 另外一种:使用GridView的三种事件:GridView1_RowEditing(编辑).Grid ...
linux 移除用户所在的组,Linux用户及用户组添加和删除操作
查看用户 whoami #要查看当前登录用户的用户名 who am i #表示打开当前伪终端的用户的用户名 who mom likes who 命令其它常用参数参数说明 -a 打印能打印的全部-d ...
权限树Tree Multiselect 实现添加和编辑功能后端数据递归显示
Tree Multiselect的基本使用不做介绍,本文主要演示前端接收的后端数据如何在页面上显示和数据交互. 应用场景: 角色权限管理,新增角色时选择权限,编辑角色时更改权限.(编辑和添加都是模态框 ...
支付宝小程序 | 上传图片组件（添加默认样式以及自定义上传样式）
使用my.uploadFile. my.chooseImage 的方式实现图片上传注意: 使用该方式上传文件,后端也需要参照官方文档进行修改 https://opendocs.alipay.com/ ...
Javascript及Jquery获取元素节点以及添加和删除操作
用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...

改造layui-树（tree）组件的添加、编辑、删除操作（补充上一篇）

改造layui-树（tree）组件的添加、编辑、删除操作（补充上一篇）相关推荐

最新文章

热门文章