导航:首页 > 净水问答 > ztree搜索节点过滤

ztree搜索节点过滤

发布时间:2023-05-14 17:19:38

『壹』 ztree中如何获取所有节点

$.fn.zTree.init($("#treeDemo"), setting, zNodes);
zTree = $.fn.zTree.getZTreeObj("treeDemo");
var nodes=zTree.getNodes();
var nodes_array = zTree.transformToArray (nodes);
for(var i=0;i<nodes_array.length;i++){
alert(nodes_array[i].name);
}

//下面是api,自己不会看么,zTreeObj.getNodes是所有节点数据都在里面,自己不会取,就不要瞎叫唤,自己可以用火狐看里面的数据是不是都有
zTreeObj.getNodes
概述[ 依赖 jquery.ztree.core 核心 js ]

获取 zTree 的全部节点数据
请通过 zTree 对象执行此方法。
Function 参数说明
返回值Array(JSON)
全部节点数据
1、Array 仅仅是根节点的集合(默认情况子节点都岩慧处于 children 属性下);
2、如需遍历全部节点需要利用递归,或利用 transformToArray 方法 将数据变成简单的 Array 集合
3、对于异步加载模式下,尚未加载的子节点是无法通过此方法获取瞎岁的。
function 举例粗神答
1. 获取全部节点数据
var treeObj = $.fn.zTree.getZTreeObj("tree");
var nodes = treeObj.getNodes();

『贰』 ztree树的使用

记录项目中关于ztree插件的使用。
实现的功能有:排序、迁移、搜索、删除、右键菜单、重命名、新增。

这里是由于项目需要不同人员的权限不同,右键菜单选项不同;如果你也有这种需求,我觉得这里有两种实现方式,一是像这里写的,点击右键时去后代判断,根据判断结果再去显示;二是在获取树的信息的时候,把判断所需要的必要参数直接放在json里一块返回来,这样前台只需要直接判断就行了。

实现的效果是:输入框内只要有输入变化,就会执行一次搜索方法雹肢轮
火狐有一个bug,就是假源信如树中含有一个名字为“haha”的节点和名字为“哈哈”的节点,这时你用中文输入法去打“哈”这个字,发现只能输入英文。。扯远了,当然这个可以不做。重点是搜索方法。

其实获取到含有搜索关键字的所有节点很简单,ztree已经封装好了,就是getNodesByParamFuzzy()。
但是,想要的效果是,执行下一次搜索时,要把上一次搜索展开的节点全都关闭,再去展开这种的符合条件的节点。
按道理讲,也很简单,调用expandAll(false)就可以将节点都关闭,然后再去展开符合条件的节点就行了。
但是这样写了以后,发现上次搜索展开的节点并不会全部关闭,而是有的关闭了,有的还是展开的。
在网上搜了很久,在ztree的github项目的issue中找到了一点线索,说展开和关闭都是有动画的。
我想可能是前面的关闭所有节点还没有执行完,与后面的展开节点冲突了。
于是就饥虚去api里找,发现有expandSpeed这个参数设置,将动画关闭,这个bug竟然好了。
具体的关于dom的内部原理我不了解。

这里实现的效果是:鼠标移动到某个节点上时,节点后面会出现一个图标,点击图标,实现something

『叁』 ztree判断所有节点是否选中状态

获取 zTree 当前被选中的节点局仔数据集合
var treeObj = $.fn.zTree.getZTreeObj("tree");
var nodes = treeObj.getSelectedNodes();
获取 zTree 的全部节点数据
var treeObj = $.fn.zTree.getZTreeObj("tree");
var nodes = treeObj.getNodes();

for(var node in nodes){
//判断桐租汪节点是否选中

var checked = node.checked;

if(checked){
alert("该节点处于选中状态");

}else{
alert("该节点型衫未选中");
}
}

『肆』 ztree怎么获取节点选中变化的节点

<script>
function filter(node) { //过滤器直选中2级节点累加
return (node.level == 2 && node.checked == true);
}

var setting = { //设置
check: {
enable: true
},
callback: {
onCheck: onCheck
}};

function onCheck(e, treeId, treeNode){ //这是将所有选中节点的名字 用,分割做拼接 用于持久化到数据库
var zTree = $.fn.zTree.getZTreeObj("tree").getNodesByFilter(filter);
var choose = "";
for (var i=0;i<zTree.length;i++) {
if(zTree[i].name !=null)
choose +=(i == (zTree.length-1))?zTree[i].name:zTree[i].name+",";
}
$("#ztreesnames").val(choose);
treeIds();
}

function treeIds(){ //这是将选中的节点的id用;分割拼接起来,用于持久化到数据库
var zTreeO = $.fn.zTree.getZTreeObj("tree").getNodesByFilter(filter);
var idListStr = "";
for (var i = 0; i < zTreeO.length; i++) {
if (zTreeO[i].id != null) {
idListStr+= (i == (zTreeO.length-1))?zTreeO[i].id:zTreeO[i].id+";";
}
};
$("#ztreeids").val(idListStr);

『伍』 为什么ztree 父节点的子节点全部被选中时会选中父节点,怎样使子节点全选中时不关联到父节点

ztree 父节点的子节点全部被选中时会选中父节点是因为没有插入新的父节点。使子节点全选中时不关联到父节点步骤如下:

1、首先第一步就是进行在新建思维导图中,右击点击“编辑节点”,修改名称即可。


『陆』 ztree如何判断当前选中节点的前面是否有节点选中

1. 获取当前被勾拍晌败选的节点集合
var treeObj = $.fn.zTree.getZTreeObj("tree");
var nodes = treeObj.getCheckedNodes(true);

2.然后你再判断这些节点是不是在当前节点之前就可以啦,可以通谨纯过 treeid进行袭颤判断

『柒』 ztree实现点击左边树节点右侧显示对应的子数据,且子数据可以进行模糊检索,怎么弄

1、getNodeByParam方法可以找到指定的节点数据2、selectNode方法可以选中节点,如果是checkbox的勾选,那么请使用checkNode方法希望能帮助到你!

『捌』 关于jquery插件zTree删除节点的问题

你好
由于ztree对于自身的removeBtn绑定了对应的beforeRemove等的事件,而你昌拦的做法是通过执行zTree.removeNode来完成的删除,并不是通过removeBtn来执行的,ztree的removeNode方法没有触发对应的beforeRemove方法,所以你要在你的事件中,重写整理方法

$("#***").click(function(){
var nNode = zTree.getSelectedNodes()[0];
if(nNode){
zTree.removeNode(nNode);
// 这里手动执行一耐绝胡次方法

zTreeBeforeRemove(nNode.id, nNode);
}
})
beforeRename是因为修改的节点,节点宏迟本身依然存在,就和
$("select").change(function(){ // 改变则执行方法 })
$("select").remove(); 是没有 .remove(function(){})
是类似的道理
因为节点已经删除了,先删除,再执行方法,是无效的

『玖』 查询一条数据时怎么定位到zTree节点

1、zTree 有 getNodeByParam getNodesByParam getNodesByParamFuzzy 这几个单属性的查询方法; 最新的v3.2 提供了 getNodesByFilter 方法,你可以自己制作各种复杂的查询规则,进行任意搜索!!!强烈推荐!

2、找到 节点数据 treeNode 后,直接利用 selectNode 方法进行定位即可!

『拾』 如何去除Ztree已选节点的勾,既返回到未选状态

使用ztree的checkAllNodes(false)这个方法,可以去除所有的选中,还有checkNode这个轮前方法,配置相应参昌拦数,能去除某个选中点,不要腊迅清使用cancelSelectedNodes() 方法

阅读全文

与ztree搜索节点过滤相关的资料

热点内容
philips饮水机换完滤芯怎么复位 浏览:854
造纸流浆箱除垢厂家 浏览:684
前置过滤器还有水垢吗 浏览:476
代收污水费怎么记会计分录 浏览:824
饮水机不通电怎么办灯不亮 浏览:58
污水设施升级换代 浏览:621
饮水机开水无压力是怎么办 浏览:134
中药超滤过滤 浏览:615
呼延灼用连环攻打梁山回梁山 浏览:449
树脂牙齿一般多少一颗 浏览:643
江苏污水冷却塔哪里有 浏览:142
污水处理厂岗位招聘方案 浏览:459
ro膜壳废水口多怎么办 浏览:733
小米空气净化器3怎么清洁 浏览:267
水龙头过滤网不能拆 浏览:438
电子厂纯水ph是多少 浏览:948
日立中央空调的冷凝水提升泵 浏览:408
正定污水处理设备有哪些 浏览:521
吉林超滤设备批发 浏览:488
净水器ro膜的过滤口径是多少 浏览:435