首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

ztree实现根节点单击事件,显示节点信息

这段时间在维护公司的项目,去年做的项目里面有ztree树的例子,想起之前还没有开始写博客,一些知识点也无从找起,要新加一个右击节点事件,折腾了半天,其中也包含了一些知识点,稍稍做了一些demo。...图片.png 需求,点击根节点的时候,alert出所点击的事件里面的具体节点信息,在这个过程里,如果点击到了父节点(嘉定监狱),则不显示任何信息 1:在setting 配置里面,给callback设置,...true; zTreeObj = $.fn.zTree.init($("#zTree"), setting, data.returnData.node...beforeNodeID = treeNode.id; } showDetain([ treeNode.id ]); } ; // 获取项目路径...electronicLayerOff = false; } else { electronicLayerOff = true; } } // 资产FID获取

6.9K30

ztree系列】树节点的模糊查询

(keyType, value); //调用ztree的模糊查询功能,得到符合条件的节点 updateNodes(true); //更新节点 } 获得搜索的节点信息后,再对ztree...执行更新操作,即修改搜索结果中节点的文字样式 //高亮显示被搜索到的节点 function updateNodes(highlight) { var zTree = $.fn.zTree.getZTreeObj...zTree.updateNode(nodeList[i]); //更新节点数据,主要用于该节点显示属性的更新 } } 修改文字样式,主要调用的是ztreeztree.setting.view.fontCss...; return; //让结果集里边的下一个节点获取焦点(主要为了设置背景色),再把焦点返回给搜索框 //zTree.selectNode(nodeList...,默认第一个搜索结果呈选中状态;点击上下移动按钮时,树上的焦点自动更换,显示搜索条数比例的标签框中的内容也自动更换。

1.2K30

treeview插件使用:根据子节点选中节点

② 如果只选择了某个子节点,怎么让该节点所有的父节点全部变为选中状态?   ...首先,请求服务器后台获取节点数据,通过树形插件的事件触发机制,在点击复选框做选中/取消操作的时候,去执行全选的代码: function modify(id) { BASE.ajax("permission...基于同样的思想,要想实现选中某一子节点后同时选中所有的父节点,那么只需要在代码中继续添加:① 通过子节点判断父节点的存在;② 选中节点;③ 递归判断。...正当我喜滋滋的以为功能实现了的时候,突然发现了很大的bug,就是在通过子节点选中所有父节点的功能实现中,选中是没有问题,可是当取消某个子节点,无论兄弟节点是否有选中,父节点都一并被取消掉了。...var arr = tree.treeview('getSiblings', node);//获取兄弟节点 for (var i = 0; i < arr.length

5.5K40

JQuery Ztree 树插件配置与应用小结

默认值: true 参数值:true / false 分别表示 支持 / 不支持 同时选中多个节点 1、设置为 true时,按下 Ctrl 或 Cmd 键可以选中多个节点 2、设置为 true / false...都不影响按下 Ctrl 或 Cmd 键可以让已选中节点取消选中状态( 取消选中状态可以参考 setting.view.autoCancelSelected ) setting 举例: 禁止多点同时选中的功能...,选中节点,自动选中其下所有子节点,类似这种联动);为 false 且 treeNode.checked = checked 时,不会触发回调函数,直接返回 不影响父子节点中 treeNode.nocheck...2、默认情况下,按类似以下配置和初始化方式,调用该API,获取不到数据,因为全部节点都是没选中的,解决方案如下: 1)先通过ztreeObject.checkAllNodes(false) 取消所有节点选中状态...(因为一开始全部节点都是没选中的,所以调用该API后,所有节点都是改变过状态的) 2)然后通过ztreeObject.getChangeCheckedNodes() 获取所有改变过状态的节点(所有节点

6.9K40

openlayers自定义图层控制的实现

4、图层控制的实现 主要效果为选中图层控制目录的节点,在图中显示该图层,取消选择,不显示该图层。...图层节点选中与否主要是实现zTree的onCheck事件,实现方法为getCheckedNodes,代码如下: function getCheckedNodes(){ var checked="";...map.removeLayer(wms); wms=GetExtendWms('china:pro_polygon',"wms",false); map.addLayer(wms); } } 思路是:首先获取选中的子节点的图层的名称...,如果有子节点选中,在地图中将wms图层移除,再定义wms的图层为选中的子节点,并设置其可见为true,并将wms添加到地图中,这时选中的涂层就会在地图中显示;如果没有节点选中,在地图中将wms图层移除...没有节点选中 ? 选中“省级行政区”节点 总结:虽然在效果上实现了类似于图层控制的效果,但是始终感觉这种方式不怎么靠谱,不知道哪位仁兄有更好的办法,小弟在线等答案!

5.1K30

zTree实现访问到第一节点在相同水平当前所选节点数目

($("#baseTree"), setting, zNodes); }); /** * 获取当前选中的第一个节点在同级节点中的序号 */ function indexNodes...() { var treeObj = $.fn.zTree.getZTreeObj("baseTree"); //获取选中节点 var nodes = treeObj.getSelectedNodes...nodes.length;i++) { var index = treeObj.getNodeIndex(nodes[i]); alert("获取当前选中的第一个节点在同级节点中的序号...width:200px; overflow-y: auto"> <input type="button" id="btn" onclick="indexNodes()" value="<em>获取</em>当前<em>选中</em>的第一个<em>节点</em>在同级<em>节点</em>中的序号...2、实现结果 (1)初始化 (2)选择“汉口”时 (3)选择“汉阳”时 3、源代码说明 var index = treeObj.getNodeIndex(nodes[i]); alert("获取当前选中的第一个节点在同级节点中的序号

36330

layer弹框删除ztree节点非阻塞问题解决

ztree里面,删除一个节点的时候,会弹出一个弹框询问,是否删除,本来用的是网页自带的confirm弹框,根据公司的业务需求,要用到layer弹框删除,这个时候,就出现了一个问题。...问题:触发删除事件之后,弹出layer弹框,但是没有点击确定或者取消,就已经将选中节点删除了。...原因:layer.confirm不能阻塞事件(confirm是网页自带的,有阻塞事件),不管有没有确定按钮,就已经执行ztree里面的删除节点事件function zTreeOnRemove(event...解决办法:弃用ztree自带的节点删除 原来的方法: // 删除之前事件 function zTreeBeforeRemove(treeId, treeNode) { var flag = true;...删除后不能恢复", { title: "删除确认" }, function (index) { layer.close(index); }); } } }); return flag; } // 删除节点事件

80920
领券