ztree获取选中节点】的更多相关文章

zTree 是一个依靠 jQuery 实现的多功能 “树插件”.优异的性能.灵活的配置.多种功能的组合是 zTree 最大优点. zTree 的特点编辑 ● zTree v3.0 将核心代码按照功能进行了分割,不需要的代码可以不用加载● 采用了延迟加载技术,上万节点轻松加载,即使在 IE6 下也能基本做到秒杀● 兼容 IE.FireFox.Chrome.Opera.Safari 等浏览器● 支持 JSON 数据● 支持静态和 Ajax 异步加载节点数据● 支持任意更换皮肤 / 自定义图标(依靠c…
$(document).ready(function(){ $.fn.zTree.init($("#treeDemo"), setting, zNodes); }); function onCheck(e,treeId,treeNode){ var treeObj=$.fn.zTree.getZTreeObj("treeDemo"), nodes=treeObj.getCheckedNodes(true), v=""; for(var i=0;i…
ztree 获取子节点所有父节点的name的拼接 //获取子节点,所有父节点的name的拼接字符串function getFilePath(treeObj){if(treeObj==null)return "";var filename = treeObj.name;var pNode = treeObj.getParentNode();if(pNode!=null){filename = getFilePath(pNode) +">"+ filename;}…
jstree获取当前选中的checkbox和获取选中节点的所有节点 首先初始化一个带有复选框的 jstree $('#demo_tree').jstree({ "core" : { 'data': [ { "id" : "ajson1", "parent" : "#", "text" : "Simple root node"}, { "id" :…
function getRoot() { var treeObj = $.fn.zTree.getZTreeObj("tree-div"); //返回一个根节点 var node = treeObj.getNodesByFilter(function (node) { return node.level == 0 }, true); } function getRoots() { var treeObj = $.fn.zTree.getZTreeObj("tree-div&q…
//加载功能树 function initTree() { $.jstree.destroy(); $.ajax({ type: "Get", url: "/Department/GetTreeData/0?_t=" + new Date().getTime(), //获取数据的ajax请求地址 success: function (data) { $('#dptTree').jstree({ //创建JsTtree 'core': { 'data': data,…
使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用treeNode.children获取子节点数据集合,使用length方法获取集合长度.将当前节点的treeNode传入即可调用. /*查找当前节点下一级的子节点数*/function findNodes(treeNode){ var count; /*判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点*/ if(treeNode.isParent) { count = treeNode.children.l…
1.用户离开页面时最后一次点击的节点信息我会保存到数据库. 2.用户打开页面时默认选中上一次离开时选中的节点. 现在发现在设置选中节点之后,会出现重复的节点(重复现象偶尔出现). 以下是代码: var setting = { view: { selectedMulti: false, }, data: { key: { title: '' }, simpleData: { enable: true } } }; // 加载站点树 $.post('/Func/HandlerGetTree.ashx…
var zTreeOjb = $.fn.zTree.getZTreeObj("zTreeId"); //ztree的Id zTreeId 获取复选框/单选框选中的节点:var checkedNodes = zTreeObj.getCheckedNodes(); 获取光标选中的(selected)var selectedNodes = zTreeObj.getSelectedNodes(); 上面两个函数获取到的都是数组,你可以 console.log(checkedNodes) ,调试…
$("input[name='Sex']:checked").val();//取值 $("input[name='radioName'][value=2]").attr("checked",true); //赋值 var zTreeOjb = $.fn.zTree.getZTreeObj("zTreeId"); //ztree的Id zTreeId 获取复选框/单选框选中的节点:var checkedNodes = zTree…
//将第三个参数改为false,表示不去勾选父节点下的所有子节点 zTreeObj.checkNode(node, true, false); setting.check.chkboxType = { "Y" : "s", "N" : "s" };Y指的是勾选checkbox的时候对父结点或子结点产生的影响N指的是取消checkbox的时候对父结点或子结点产生的影响s指子结点,p指父结点 //ztree获取选中节点 var c…
<!DOCTYPE html><HTML><HEAD> <TITLE> ZTREE DEMO - Standard Data </TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="css/zTreeSty…
获取zTree选中节点 <body> <script type="text/javascript"> var setting = { view: { dblClickExpand: false, showLine: true, }, check: { enable: true, //必选项 chkboxType: { "Y": "p", "N": "s" }, //Y被勾选,N没有勾…
写一个树控件并没有想象中的那么容易,今天又花了我一个1个多小时,主要为IT小鲜肉 Widgets Tree控件添加了 单选.多选.选择前和选择后两个回调函数.获取选中节点的功能.后面会继续努力完善这个树控件. 1.通过设置初始化时候的选项{select:true}开启单选,通过设置初始化时候的选项{select:{type:'multiple'}}开启多选 使用实例代码如下: 运行效果如下: 2.添加了onBeforeSelect回调函数,用来实现自定义选择,如果该函数返回false会中断默认的…
本文实例讲述了ztree获取当前选中节点子节点id集合的方法.分享给大家供大家参考.具体分析如下: 要求:获取当前选中节点的子节点id集合. 步骤: 1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(含选中节点)的子节点对象集合. 3.遍历集合,取出需要的值. treeNode:当前选中节点对象 function getChildNodes(treeNode) { var naviTree = $.fn.zTree.getZTreeObj(zTreeI…
功能:获取当前选中节点的子节点id集合. 步骤:1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(含选中节点)的子节点对象集合. 3.遍历集合,取出需要的值. treeNode:当前选中节点对象 function getChildNodes(treeNode) { var childNodes = ztree.transformToArray(treeNode); var nodes = new Array(); for(i = 0; i < chil…
问题描述: 由于业务需求,需要将一部分节点设置为选中并且是禁用的状态.设置这部分节点的chkDisabled和checked属性值都为true.在zTree树上这部分节点是选中且禁用的状态,但是在保存结果中,所有选中节点的结果集里并没有包含禁用的那些节点. 解决办法: 单独保存被禁用的节点id,同样是因为业务需求,我只需要保存根节点的id,根节点选中或者禁用后它的所有子结点都设置为选中或者禁用.使用zTree.getNodeByParam(key,value);方法获取到被禁用的节点. 名词解释…
首先,在适配目录树时,使用checkbox形式,配置代码如下: var settingCatalog = { check:{ enable: true }, data:{ simpleData:{ enable: true } } } 看下效果: 这时的每个节点都处于一个可选的状态(但都未选中),但在实际项目中我们可能还会遇到另外两种情况: 1.根据后台返回的json,选中指定节点(此时所有的节点仍处于可编辑的状态): 代码如下: var treeObj = $.fn.zTree.getZtre…
var ids=[]; ids=getChildren(ids, treeNode);//TreeNode是选中节点,ids是子节点id数组,格式:123,223,4,55 1.获取直接子节点的id //返回值包含选中节点的id,即ids[0] function getChildren(ids, treeNode) { ids.push(treeNode.id);//选中节点id,即父节点id if (treeNode.isParent) { for (var obj in treeNode.c…
// treeId是元素id,array是数据数组 var ztree = $.fn.zTree.init($("#treeId"), setting, array); // 获取所有父节点 var nodes = ztree.getNodes(); // 获取所有节点 nodes = ztree.transformToArray(nodes); for (var i = 0; i < nodes.length; i++) { //设置节点展开 ztree.expandNode(…
zTree实现获取一级节点数据 1.实现源码 <!DOCTYPE html> <html> <head> <title>zTree实现基本树</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/…
el-tree 的 this.$refs.tree.getCheckedKeys() 只可以获取选中的id 无法获取选中的父节点ID想要获取选中父节点的id;需要如下操作1. 找到工程下的node_modules文件夹 然后查找 element-ui.common.js文件 node_modules\element-ui\lib\element-ui.common.js2. 按Ctrl+F搜索TreeStore.prototype.getCheckedKeys这个方法3. 把// if (chi…
参考:jQuery树形控件zTree使用小结 需求 添加.修改的终端需要选择组织,组织是多级架构(树状图显示). 思路 1.因为下拉框需要树状图显示,所以排除使用select做下拉框,改用input 模拟下拉框 2.树状图采用zTree插件 开始 1.布局 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> <script src="https://…
前言: Ztree官方给的API可以设置勾选一个节点的同时勾选子节点或者父节点,也可以设置不影响父子节点,即将chkboxType设置为{"Y":"","N":""},而有时我们希望实现这样的功能,点击一个节点判断他所有的父节点和子节点,如果有选中的话就取消勾选,这样的话官方貌似没有给出有效的解决方案,这篇文章记录一下我是怎么解决这个问题的. 需求: 点击一个节点,判断他所有的父节点和子节点,如果有选中的节点,则取消选中. 实…
1.Question Description: ztree树各个节点都带有路径,如“/根节点”,"/根节点/一级节点",“根节点/一级节点/二级节点‘; 现在想获取所选的最末级节点数据集合. 2.Solution: $("#btn_saveAssetInfo").click(function(){ var treeObj = $.fn.zTree.getZTreeObj("toggle"); var nodes = treeObj.getChec…
<script type="text/javascript"> //扩展 获得tree 的实心节点 $(function(){ $.extend($.fn.tree.methods,{ getCheckedExt: function(jq){ var checked = $(jq).tree("getChecked"); //获取选中的选项 也就是打钩的 var checkbox2 = $(jq).find("span.tree-checkbo…
<script type="text/javascript"> //删除节点 zTree.removeNode(treeNode); //获取删除节点的父节点 var parentNode = treeNode.getParentNode(); //如果父节点下的子节点不存在 if(parentNode.children.length == 0) { //修改父节点图标为文件夹样式 parentNode.isParent = true; parentNode.open =…
Easyui tree扩展tree方法获取目标节点的一级子节点 /* 只返回目标节点的第一级子节点,具体的用法和getChildren方法是一样的 */ $.extend($.fn.tree.methods,{ getLeafChildren:function(jq, params){ var nodes = []; $(params).next().children().children("div.tree-node").each(function(){ nodes.push($(j…
<label for="parentNode" style="float:left" >父级栏目:</label> <select id="SelectNode" style="height:22px"> </select> <label for="nodecode" style="float:left" >栏目编号:</…
场景 DevExpress的TreeList怎样设置数据源,从实例入手: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/102548490 鼠标双击TreeList中的某一节点,在双击事件中怎样获取当前节点. 注: 博客主页: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现 双击事件绑定 treeList.MouseDou…