验证中...
页面服务端创建节点树的代码
Raw Copy
第一步:在页面中提供ul元素 设置样式:class="ztree" 给出id方便找到元素<br>
第二步:设置ztree组件相关属性<br>
第三步:设置ztree需要数据(1、标准 2、简单)<br>
第四步:调用ztree的方法创建树<br>
//标准json数据格式:使用数据嵌套,关键点通过children属性指定子节点<br>
<ul class="ztree" id="ztree1"></ul>
<script type="text/javascript">
var setting1 = {}; //标准json数据格式 不需要设置相关属性 使用默认值
var nodes1 = [{"name":"节点一",children:[{"name":"子节点二",children:[{"name":"子节点三"}]}]}];
$.fn.zTree.init($("#ztree1"), setting1, nodes1);
</script>
-------------------------------------------------------------------------------------
//简单json数据格式:id / pId 表示节点的父子包含关系 关键点:通过pId执定上级节点ID<br>
<ul class="ztree" id="ztree2"></ul>
<script type="text/javascript">
var setting2 = {
data: {
simpleData: {
enable: true, //开启简单数据模式
idKey: "id", //通过id属性指定节点标识
pIdKey: "pId", //通过pId属性指定上节点ID
rootPId: 0, //根节点ID 是0
}
}
};
var nodes2 = [{"id":1,"name":"节点一","pId":2},{"id":2,"name":"节点二","pId":3},{"id":3,"name":"节点三","pId":0}];
$.fn.zTree.init($("#ztree2"), setting2, nodes2);
</script>

Comment list( 0 )

You need to Sign in for post a comment

Help Search