
使用zTree插件实现树形图中,需要获取当前点击的父节点的子节点数的需求,使用treeNodechildren获取子节点数据集合,使用length方法获取集合长度。
将当前节点的treeNode传入即可调用。
/查找当前节点下一级的子节点数/
function
findNodes(treeNode)
{
var
count;
/判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点/
if(treeNodeisParent)
{
count
=
treeNodechildrenlength
+
1
;
}
else
{
/如果不是父节点,说明没有子节点,设置为1/
count
=
1;
}
return
count;
}
以上这篇zTree获取当前节点的下一级子节点数实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
对于zTree树控件,节点的默认提示信息title是节点的name,也就是默认显示节点的名称。你认真了解zTree,不难发现主要是key值在作祟:
view sourceprint
var setting = {
2data: {
3key: {
4title: "s"//这里的s表示节点内的s属性
5},
这里的key内的title默认指向的就是name属性,或者为空,为空的时候也会默认为name属性。
针对这位朋友的问题,其实方法很多:
1、在后台构造属性
在ajax页面内从数据库拿到数据list过后通过new的形式给最终返回的json对象构造一个属性t出来。然后修改setting内key的title指向属性值为t即可。
返回的json对象数据为:
view sourceprint
var zNodes =[
2{ id:1, pId:0, name:"节点搜索演示 1", t:"节点提示信息1", open:true},
3{ id:11, pId:1, name:"关键字可以是名字", t:"节点提示信息2"},
4{ id:12, pId:1, name:"关键字可以是level", t:"节点提示信息3"}
5];
修改setting内对应的key值
view sourceprint
var setting = {
2data: {
3key: {
4title: "t"//这里的s表示节点内的s属性
5},
2、动态修改树节点的属性
当前台给zTree树对象赋值结束后获取所有树节点,然后逐个更新树节点的属性值,示例代码如下所示:
view sourceprint
01$(document)ready(function () {
02$fnzTreeinit($("#treeDemo"), setting, zNodes);
03//获取树对象
04var treeObj = $fnzTreegetZTreeObj("treeDemo");
05//拿到所有树节点
06var nodes = treeObjgetNodes();
07//for循环逐个修改树节点属性
08for(var i = 0;i<nodeslength;i++)
09{
10nodes[i]t = "可以自定义排序";
11//更新节点
12treeObjupdataNode(nodes[i]);
13}
14});
当前如果只是修改部分节点可以在for内加以控制,如果是只更新指定节点可以通过getNodeByParam("属性名称","值",父节点对象)找到指定对象,形如:
view sourceprint
//给节点追加属性
2var treeObj = $fnzTreegetZTreeObj("treeDemo");
3var node = treeObjgetNodeByParam("id", 1, null);
4nodes = "可以自定义排序";
5treeObjupdateNode(node);
以上就是关于zTree获取当前节点的下一级子节点数实例全部的内容,包括:zTree获取当前节点的下一级子节点数实例、怎么得到ztree的style title内容、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)