事实上,官方网站有详细的API文档zTree。所有这些都是基于官方网站上的说明。我只是在实践的基础上总结几种常用zTree的功能特点。

(指zTree句法结构是基于核心价值的形式)

1:支持异步加载数据

语法结构:


异步:{
启用:真,

网址:ABC处理,

OtherParam:{请求:requestname})

}


简要描述:

启用:设置zTree打开异步加载模式。

URL获取数据的URL地址。

静态参数的关键值的otherparam:Ajax请求相当于Ajax数据参数。

2:加载数据和绑定,它通常被定义为数据结构实体,模型,其中包含层次关系,通常包括:id、父ID、名称。

然后配置语法:


数据:{
简单:{
使:真
}
}


也许


数据:{
{关键:
儿童:儿童

检查:把关
}
}


简要描述:

简单:一个数组可以用作数据源。此时异步负载数据可以是并行结构。

子:指定保存在节点数据中的数据的属性名。当数据被异步加载时是树的折叠结构,所以在后端加载数据时使用递归算法。

3:支持单选、再选功能

语法结构:


检查:{
启用:真,
chkstyle:复选框
radiotype:
ChkboxType:{Y:
},

数据:{
{关键:

检查:把关
}
}


简要描述:

无论是复选框/收音机上显示的使节点:设置zTree

chkstyle:复选框型(复选框或单选)

对radiotype包范围:无线电

ChkboxType:检查之间的关系,父亲和孩子通过检查复选框节点

检查:在加载数据后复选框加载时,后端数据结构模型中定义的字段是。

4:支持添加子节点、编辑节点和删除节点事件

我来这里介绍如何使用自定义添加、编辑和删除按钮。

语法结构:


观点:{
addhoverdom:addhoverdom,
removehoverdom:removehoverdom
}


的addhoverdom功能:


功能addhoverdom(treeid,TreeNode){
无功sobj = $(# + treenode.tid +_span );
如果($(# addbtn_+ TreeNode。ID)。长> 0)返回;
var添加子节点;
编辑节点;
删除节点;
SObj.after(STR);
};


的removehoverdom功能:


功能removehoverdom(treeid,TreeNode){
$(# addbtn_+ TreeNode。ID)。Unbind()删除();
$(# addbtn1_+ TreeNode。ID)。Unbind()删除();
$(# addbtn2_+ TreeNode。ID)。Unbind()删除();
};


简要描述:

addhoverdom:是用来显示一个自定义的控制当鼠标移动到节点,显示编辑和删除在zTree按钮隐藏状态。

removehoverdom:用来隐藏用户自定义控件时,鼠标移动的节点,显示出隐藏的状态,编辑和删除按钮在zTree