ZTree的全选 反选 全不选 取消 清空
全选
//全选$('#c_all').on('click',function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu");//得到tree对象 treeMenu是我的treeidvar node = zTree.getNodes();//得到全部节点var nodes = zTree.transformToArray(node);//全部节点转换成数组arrayvar checkNode = zTree.getCheckedNodes().length;//得到被选中的节点数量,zTree.getCheckedNodes()和zTree.getCheckedNodes(true)一样,可以传参(true/false),默认是trueif (checkNode < nodes.length) {//已选中的节点数小于总数 - 全选$('#all').prop('checked', true)zTree.checkAllNodes(true);//给全部节点设置为true} else{zTree.checkAllNodes(false);//给全部节点设置为false}});
反选
//反选$("#f_all").click(function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu"); //ztree对象var checked = zTree.getCheckedNodes(true);//得到选中的节点var checkeds = zTree.transformToArray(checked); //转变为数组var checkNode = zTree.getCheckedNodes(true).length;//选中的节点数量var node = zTree.getNodes();//全部节点var nodes = zTree.transformToArray(node);//全部节点数量if(checkNode< nodes.length){//已选中的节点数小于总数 - 全选zTree.checkAllNodes(true);//给所有的都设置为true$.each(checkeds, function(index,node) {//之前选中的节点为falsezTree.checkNode(node, false, false);});}else{zTree.checkAllNodes(false);//否则所有的都设置为false}});
全不选 取消 清空
//清空
$('#r_all').on('click',function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu");//ztree对象zTree.checkAllNodes(false);//设置全部为false,不选中节点});
渲染tree+提交tree(layer的弹窗)
layer.open({type: 1,title: '菜单管理',area: ['600px', '470px'],offset: '50px',content: '<div style="text-align:center;margin-top:10px">' +'<button type="button" class="layui-btn layui-btn-primary layui-btn layui-btn-sm" id="c_all" lay-filter="c_all" >全选</button> '+'<button type="button" class="layui-btn layui-btn-primary layui-btn layui-btn-sm" id="f_all" lay-filter="f_all" >反选</button> '+'<button type="button" class="layui-btn layui-btn-danger layui-btn layui-btn-sm" id="r_all" lay-filter="r_all" >清空</button></div>' +'<ul id="treeMenu" class="ztree" style="padding: 25px 0px 20px 60px;"></ul>',btn: ['保存', '关闭'],btnAlign: 'c',success: function (layero, index) {$(layero).children('.layui-layer-content').css('overflow-y', 'auto');layer.load(2);var setting = {check: {enable: true},data: {simpleData: {enable: true}}};admin.req('api-user/menus/'+roleId+'/'+systemId+'/menus', {}, function (data) {$.fn.zTree.init($('#treeMenu'), setting, data);layer.closeAll('loading');}, 'GET');},yes: function (index) {layer.load(1);var treeObj = $.fn.zTree.getZTreeObj('treeMenu');var nodes = treeObj.getCheckedNodes(true);var ids = new Array();for (var i = 0; i < nodes.length; i++) {ids[i] = nodes[i].id;}var data = new Object();data.roleId = roleId;data.menuIds = ids;admin.req('api-user/menus/granted', JSON.stringify(data) , function (data) {layer.closeAll('loading');if (0 == data.resp_code) {layer.msg(data.resp_msg, {icon: 1, time: 500});layer.close(index);} else {layer.msg(data.resp_msg, {icon: 2, time: 500});}}, 'POST');}});
ZTree的全选 反选 全不选 取消 清空相关推荐
- 【HTML5】页面点击按钮添加一行 删除一行 全选 反选 全不选
页面点击按钮添加一行 删除一行 全选 反选 全不选 页面效果图如下 html页面代码 <!DOCTYPE html> <html><head>< ...
- html网页全选效果,为什么我用js写的全选/反选/全不选页面,没有效果?
代码奉上 清空 买什么书? PHP HTML5 全选 反选 全不选 function checkall(form,status){ var elements = form.getElementByTa ...
- jQuery 04day 滚动条与全选/反选/全不选
04 day 滚动条属性 目录 04 day 滚动条属性 全选/反选/全不选 1.scrollTop() :设置//读取滚动条Y坐标 2.$(document.body).scrollTop()+$( ...
- ZTree的全选 反选 全不选 取消 清空
全选 //全选$('#c_all').on('click',function (e) {var zTree = $.fn.zTree.getZTreeObj("treeMenu") ...
- html dom反选,Dom操作--全选反选
我们经常会在网站上遇到一些多选的情况,下面我就来说说使用Dom写全选反选的思路. 全选思路: 首先,我们来分析一下知道,当我们点击"全选"复选框的时候,所有的复选框应该都被选中,那 ...
- ztree树状实现全选反选
ztree实现全选反选操作:<form id="form" method="post"><div class="D608_compa ...
- jQuery如何动态删除TR,input按钮删除本行记录,checkbox全选反选
checkbox 全选反选 1: var i = 1; 2: function CheckAllTeacher() { 3: if (i % 2 == 1) { 4: i++; 5: $(" ...
- jquery的全选,全不选,反选
jquery的全选,全不选,反选: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind=&q ...
- html实现全选 反选,jquery实现全选、不选、反选的两种方法
在取复选框checkbox的属性checked属性值时,发现一个问题,就是当用attr取值时,真的为"checked",假的为"undefined";当用pro ...
最新文章
- ASP.NET 配置节架构
- 只因路由器密码太弱,IP被黑客利用发虐童图片,无辜夫妇:我们甚至想自杀...
- [unreal4入门系列之十一] 在UE4中编写C++代码控制角色
- libtool: link: `dftables.lo' is not a valid libtool object
- 如何评价英伟达9月2日凌晨发布的30系列新显卡?
- UML大战需求分析阅读笔记——01
- 工作144:时间戳格式化
- Windows下Lua安装环境配置教程
- 使用Spring Session和Redis解决分布式Session跨域共享问题
- 基于GIS和Python的百度地图街景爬取
- Linux如何安装pcre
- android 百度地图定位图标素材,百度地图定位开发图标大全 百度地图开发可以用到的一些实用标注/图标(baidu map development) - 下载 - 搜珍网...
- redis系列,redis的异步删除我该怎么用?
- gdb调试的插件安装——gef插件
- 博士入坑必读-A-Z博士(PhD)顺利毕业必读指南
- python虎扑社区论坛数据爬虫分析报告
- linux/init.h 中__init
- 朝雨的方向,梦回故里
- 如何复制那些无法复制的网站
- python3.5中文手册_Python-3.5.X官方学习入门指南中文版