
ztree
笑到世界都狼狈
我来到这个世上,就没打算活着回去
展开
-
ztree初始化时默认展开第一层节点
1.要实现的效果如下图所示:2.参考ztree官网:http://www.treejs.cn/v3/api.php3.显现代如下:function getDeptNode() { var zNodes = []; $.ajax({ url: "", data: {}, async: false, success: function (res) { console.log(.原创 2021-05-11 16:21:04 · 2350 阅读 · 0 评论 -
ztree点击文字,实现复选框的选中状态
在设置树的时候加上下面这句就好了callback: { onClick: function (e, treeId, treeNode, clickFlag) { var treeObj = $.fn.zTree.getZTreeObj("roleTree"); zTree.checkNode(treeNode, !treeNode...转载 2020-03-17 10:50:27 · 1344 阅读 · 0 评论 -
ztree刷新(重置)整棵树,并且刷新完之后选中刷新之前的节点,展开之前展开的节点
首先说一件脑壳很疼的事情,就是在项目中用到了很多ztree,这块是我最头疼的,因为测试每天提的bug都是这块问题的,说来说去,就是一句话,做这些操作的时候只要刷新一下(或重新加载一下这颗树)就好了。那么重点来了,怎样才能做到在操作节点的时候刷新这颗树呢,我尝试了很多次都不能成功,最后,终于解决了。。。。。。内心那是无比的开心呀。。。刷新操作的时候,首先要重置这些树,并且获取到刷新之前选中的节点...翻译 2019-06-16 11:25:31 · 18168 阅读 · 23 评论 -
通过获取checkbox的选中状态实现对ztree整棵树设置禁用与启用的操作
项目中有遇到当勾选一个checkbox框的时候将整颗ztree树的所有节点都禁用或启用,我百度一圈刚写好,需求又说不这样写了,虽然很无奈,但是还是得记下来,要不哪天他突然又说要这样操作了呢。。。。html代码:<form name="form1" style="margin-left:10px;"> <input type="checkbox" id="chk...翻译 2019-06-19 17:01:44 · 2308 阅读 · 0 评论 -
ztree更新根节点中第i个节点的名称,亲试有用
function updateNodes() { var treeObj = $.fn.zTree.getZTreeObj("baseTree"); //获取节点 var nodes = treeObj.getNodes(); if (nodes.length>0) { for(var i=0;i<no...翻译 2019-05-27 16:15:38 · 849 阅读 · 0 评论 -
ztree复制节点后将其子节点删除(删除某个元素的子节点)
var treeObj = $.fn.zTree.getZTreeObj("policyTree");var nodes = treeObj.getNodes();for (var i = 0;i<nodes.length;i++){ // 删除第i个节点的子节点 treeObj.removeChildNodes(nodes[i]);}...翻译 2019-05-27 16:11:19 · 854 阅读 · 0 评论 -
ztree添加自定义图标
ztree默认自带的是编辑和删除的图标,但是在做项目的时候遇到需要“添加”的图标,百度好久找到了解决方法,如下<script> var scanTypeTreeSetting = { view: { addHoverDom: addHoverDom,//添加图标事假 } ...翻译 2019-05-25 23:48:11 · 4152 阅读 · 0 评论 -
ztree树点击删除按钮的时候弹出一个提示框,点击确定才能删除,否则不能直接删除
相信很多项目中有遇到用ztree树的小伙伴都非常清楚ztree默认的删除是鼠标点击直接删除,但是我们的项目中这样是不合乎常理的,万一手抖删错了怎么办,接下来的方法就教你如何实现点击删除按钮后弹出一个框。从ztree API中可以看到有一个beforeRemove事件(beforeRemove是写在callback里面的),在这个事件里编写删除之前需要处理的函数即可。代码如下:before...原创 2019-05-07 08:52:52 · 2179 阅读 · 0 评论 -
ztree单击树节点,弹出dialog弹框
ztree单击树节点,弹出dialog弹框ztree本身自带的编辑和删除之类的不会有弹框。但是在现实项目中点击ztree节点需要弹出一个dialog编辑框,查看ztree API发现有一个onClick事件,可以实现需求效果<script type="text/javascript">// 在callbackk里面加onClick: zTreeOnClick,...翻译 2019-04-23 23:11:05 · 2590 阅读 · 4 评论 -
ztree复选项实现单选效果
在项目中遇到ztree树上的某个在某些特定条件下要实现单选的功能,百度到此方法解决了问题,收藏起来,以免以后还会用到<script type="text/javascript"> $(document).ready(function() { //初始化树. $.fn.zTree.init($("#treeDemo"),...翻译 2019-04-21 18:33:06 · 750 阅读 · 0 评论