ztree设置节点checked,选中某节点等相关操作 1.根据id获取树的某个节点: var zTree = $.fn.zTree.getZTreeObj("mytree"); var node = zTree.getNodeByParam("id",1); 2.设置node节点选中状态: zTree.selectNode(node); 3.设置node节点checked选中,有两种方法实现: (1).zTree.checkNode(node, true, tru

前言: Ztree官方给的API可以设置勾选一个节点的同时勾选子节点或者父节点,也可以设置不影响父子节点,即将chkboxType设置为{"Y":"","N":""},而有时我们希望实现这样的功能,点击一个节点判断他所有的父节点和子节点,如果有选中的话就取消勾选,这样的话官方貌似没有给出有效的解决方案,这篇文章记录一下我是怎么解决这个问题的. 需求: 点击一个节点,判断他所有的父节点和子节点,如果有选中的节点,则取消选中. 实

0.页面中准备树的ul <ul id="treeDemo10" class="ztree" style="display: none;"></ul>  1.生成部门树的JS // 查询外部部门结构 var searchUnitTree = function() { $.ajax({ url : contextPath + '/exam_getUnitTree.action', async : true, dataType

①前言:这个在度娘上没有搜到解决的办法,于是自己查看了ztree的API,发现其实还是比较简单的.做个笔记以备不时之需. ②需求: 像下图一样,在加载完成之后就显示需要勾选的项. ③解决方案: 首先页面上肯定是要获取数据库的数据,比如你存储的是id或者Code之类的以,隔开的数据.我这里存贮的是code. 然后将数据库的数据以,隔开成数组. 利用API中的treeObj提供的getNodeByParam(),和checkNode()方法即可完成需求. ztreeAPI传送门:点击这里 参考代码如

如下图所示,本来想要实现如下图所示的功能,于是我本来是使用$("...").attr("checked", true/false)来实现该功能,但是第一次点击时有效果,再一次点击时,发现下面框框的checked的确为true,但是就是勾勾没有,这就是个问题啊. 解决方法:将   $("...").attr("checked", true)改为$("...").prop("checked"

try { var arrs = $('#subjectClassID').val().split(","); var treeObj = $.fn.zTree.getZTreeObj("subjecttree"); //checkNode(treeNode, checked, checkTypeFlag, callbackFlag) //treeNode(json):节点数据;checked(Boolean):勾选节点或取消勾选:checkTypeFlag(Boo

http://www.cnblogs.com/excellently/p/TreeViewCheckBox.html 在C# Winform项目中用到了TreeView控件,并且需要勾选的功能.父子节点联动,需要实现如下: 1.当选中父节点的时候,如果它的子节点有没有选中的,则选中. 2.当取消选中父节点的时候,将所有子节点都取消选中. 3.当选中子节点的时候,要判断它的父节点中的所有子节点,是不是都已经选中,如果都选中则选中父节点. 4.当取消子节点的时候,要判断父节点是否已经被勾选上,如果勾

EasyUI为TreeGrid的已勾选节点,未勾选节点,只勾选部分子节点的父节点分别添加了三个不同的样式,如下:样式一:tree-checkbox2 有子节点被选中样式二:tree-checkbox1 节点被选中样式三:tree-checkbox0 节点未选中 那么,我们就可以依据这三个样式分别取到所有已勾选的主键值了,为方便使用,我们写成TreeGrid的扩展方法,代码如下: $.extend($.fn.treegrid.methods, {          //iscontains是否包含

思路 首先隐藏input默认勾选框    通过绑定label标签,设置label的样式来设置勾选框 效果 在这里插入图片描述代码 # html中input的checkbox定义,使用for循环创建多个checkbox并绑定到label上<div class="tab_1" v-for="(i, index) in all_stu_ls">    <input :id="index" class="tab_1_title

当一棵树的部分节点根据登入用户角色不同而决定是否启用节点前的checkbox选择框的时候,我们应该如何做呢?也或者如何在页面加载的时候动态根据当前登入用户角色动态切换节点前的checkbox的禁用状态? 针对上列一系列问题,今天这里将做一个统一的讲解: 关于节点前的checkbox选择框是否禁用,是通过属性chkDisabled来决定的,值为true则表示禁用:反之表示启用: 一.初始化设置节点禁用 示例代码如下所示: var zNodes =[ { id:, pId:, name:"随意勾选

前些天项目需要树结构表现数据,需求ztree就能满足所以直接使用ztree只是踩了些小坑... 1.ztree子节点横向显示(下图): 效果说明:第三级子节点按需求横向显示其他竖向显示,每行最多显示5个(修改位置在zTreeStyle.css里面哦,在外面设置不上的,页面也获取不到想要设置样式的节点...如果你能还望赐教)代码如下: .ztree>li>ul>li>ul>li>ul{overflow:hidden;} .ztree>li>ul>li&g

本文转载:http://www.cnblogs.com/luxiaoxun/p/3288003.html 很不错的文章:http://www.cnblogs.com/allen0118/archive/2012/11/28/2793037.html TreeView树中节点勾选要求: 1.不选中一个节点,则其所有的子节点都不被选中. 2.选中一个节点,则其所有的子节点都被选中. 3.当一个节点的所有子节点都没有被选中时,该节点也没有被选中. 4.当一个节点的所有子节点中有一个被选中时,则该节点也

zTreeObj.cancelSelectedNode function 举例 取消当前所有被选中节点的选中状态 var treeObj = $.fn.zTree.getZTreeObj("tree"); treeObj.cancelSelectedNode(); 1 2 取消当前第一个被选中节点的选中状态 var treeObj = $.fn.zTree.getZTreeObj("tree"); var nodes = treeObj.getSelectedNod

问题描述: 由于业务需求,需要将一部分节点设置为选中并且是禁用的状态.设置这部分节点的chkDisabled和checked属性值都为true.在zTree树上这部分节点是选中且禁用的状态,但是在保存结果中,所有选中节点的结果集里并没有包含禁用的那些节点. 解决办法: 单独保存被禁用的节点id,同样是因为业务需求,我只需要保存根节点的id,根节点选中或者禁用后它的所有子结点都设置为选中或者禁用.使用zTree.getNodeByParam(key,value);方法获取到被禁用的节点. 名词解释

zTree 勾选checkbox var setting = {    check: {        enable: true//        chkboxType : { "Y" : "", "N" : "" }    },    data: {        simpleData: {            enable: true        }    }}; function createTree () {   

这里只给出前台页面上的代码,数据可以从后台获取,注意,在封装数据的时候,注意:Id(节点的id,可以是数字也可以是字符串) , pid(父亲节点的id) , name(节点名称)不能少 . html页面插入的代码: <div id="dialog-confirm" class="hide"> <input type="hidden" id="uid" value=""/> <d

项目要求,需要向后台传递已经勾选的路径,如 l1-a, l1-l3-c,l1-l3-d;(如果是全选状态则只传递全选状态的路径,不传子节点). 具体可以参考jQ  Ztree 的 v3.5 版本 Metro 风格的demo var mesetting = { view: { addHoverDom: addHoverDom, removeHoverDom: removeHoverDom, selectedMulti: true, showIcon:true, showLine:true, dbl

ztree的复选框checkbok,单选框radio是用背景图片来模拟的,所以点击文字即使用label括起checkbox,radio文字一起,点击文字也是无法勾选checkbox. 要想点击ztree节点的文字就能勾选此节点,添加onClick事件,然后调用checkNode方法勾选. ztree点击文字勾选checkbox,radio源代码如下,示例居于zTree_v3\demo\cn\excheck\checkbox.html修改,自己可以增加setting中的callback,onCli

如题,我有一个Tree组件,动态更新check选中子级列表的时候,取消勾选了再点击选中时复选框样式不是勾选状态,但是数据已经有了. 对此解决方案是:将初始化时Tree组件data数据深拷贝一遍再去判断哪个子级列表需要选中,然后得到的数据再赋给Tree组件data. 或许有人问初始化数据是什么,其实就是你进到页面时Tree渲染时的data数据.比如你点击某个数据去显示这个数据下在Tree组件列表中需要勾选的数据.你点击第一次的时候勾选没问题, 但是你取消这个子级勾选然后再次选中这个子级时选中状态没

自己在网上找了一段时间都没有找到取自数据库的值与TreeView中的节点值进行对比如匹配则勾选中CheckBox的资料,后面自己写了一个递归方法实现,现在记录起来以备需要时使用.在没写这递归方法前如果需要一个一个对比深度为4的TreeView 需要不少于5个for循环,写太多内嵌的for循环觉得不好,因此写了以下的方法. /// <summary> /// 递归实现与TreeView节点值对比,如相同则该节点的CheckBox=True /// </summary> /// <

1.通过 attr('checked','checked') 来设置checkbox时,重复点击,虽然checked属性设置正确,但是checkbox没有被勾选 ,如下代码:(代码是全选功能) $('#ckAll').click(function(){            if($('#ckAll ').attr('checked') == 'checked'){                $('#ckAll').removeAttr('checked');            }els