权限设置 element - ui 树形控件 父级半选状态id和选中子级id一起传给后台 回显去掉父级半选状态id
2018-12-21 15:53
519 查看
[code]< el - tree default - expand - all :data = "treeData" show - checkbox node - key = "id" :filter - node - method = "filterNode" :default - checked - keys = "checkedKeys" ref = "menuTree" @check - change = "getNodeData" :props = "defaultProps" > </el - tree > //传给后台 var parentArr = this.$refs.menuTree.getHalfCheckedKeys(); var childeArr = this.$refs.menuTree.getCheckedKeys(); var arr = childeArr.concat(parentArr); //更新数据时的树形显示 (去掉半选状态id避免视图半选状态id下全选) var arr = response.data; //后台返回的id组成的数组 var newArr = []; var item = ''; arr.forEach(item=>{ checked(item,this.treeData,newArr) }) this.checkedKeys = newArr; function checked(id,data,newArr){ data.forEach(item => { if(item.id == id){ if( item.children.length == 0 ){ newArr.push(item.id) } }else{ if( item.children.length !=0 ){ checked(id,item.children,newArr) } } }); };
相关文章推荐
- vue elementUI tree树形控件获取父节点ID的实例
- 从后台取出菜单,并设置当前页面的菜单为选中状态,jsp对比字符串相同
- element-ui,后台status状态为1,2,3,转化为中文
- Vue + Element UI 实现权限管理系统 前端篇(八):管理应用状态
- ElementUI树形控件报错问题解决
- Microsoft.web.ui treeview 中树型控件的选择,选中节点父子节点同时选中,解决客户端选择以后,在后台代码中无法得到选中节点的值
- 如何设置其它进程中listctrl控件CHECKBOX的选中状态
- 树形控件上下级级联状态选中例子
- Element-ui树形控件el-tree使用过程中遇到的问题
- jquery设置checkbox状态,设置dropdownlist选中值,隐藏某控件,给某控件追加东西
- Vue + ElementUI 手撸后台管理网站基本框架(二)权限控制
- jq实现循环遍历树形结构的CheckBox根据父级选中子级
- ztree实现checkbox树形菜单,并且父级节点不可选中(只有父级和子级菜单);如何获取选中子节点存储到数据库
- Vue2.0 + ElementUI 手写权限管理系统后台模板(一)——简述
- vue中element-ui树形控件自定义节点,注意一下
- TreeView控件如何设置节点显示与隐藏,主要是用来做后台权限,没有权限的就隐藏,有权限的就显示?
- BJUI设置权限勾选子级自动选择父级
- 牛腩购物9 用户表设计/动软生成器/金钱字段decimal(18, 2)/ 注册的时候的前台js判断/后台代码判断/正则表达式软件/RegexBuddy/设置数据库字段的唯一性约束/如何获取控件在前台html的id值/如何将C#的后台正则换成js的正则
- iOS开发-UI控件:代码取消UITableViewCell选中状态
- 树形菜单(checkbox列表)-- 设置checkbox的选中状态