首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我可以在ztree中创建动态节点吗?

我可以在ztree中创建动态节点吗?
EN

Stack Overflow用户
提问于 2014-05-17 18:11:16
回答 2查看 2.8K关注 0票数 1

这里的ztree代码样本..。

代码语言:javascript
复制
        <SCRIPT type="text/javascript">

            var setting = {
                data: {
                    simpleData: {
                        enable: true
                    }
                }
            };

            var zNodes =[
                { id:1, pId:0, name:"pNode 1", open:true},
                { id:11, pId:1, name:"pNode 11"},
                { id:111, pId:11, name:"leaf node 111"},
                { id:112, pId:11, name:"leaf node 112"},
                { id:113, pId:11, name:"leaf node 113"},
                { id:114, pId:11, name:"leaf node 114"},
                { id:12, pId:1, name:"pNode 12"},
                { id:121, pId:12, name:"leaf node 121"},
                { id:122, pId:12, name:"leaf node 122"},
                { id:123, pId:12, name:"leaf node 123"},
                { id:124, pId:12, name:"leaf node 124"},
                { id:13, pId:1, name:"pNode 13 - no child", isParent:true},
                { id:2, pId:0, name:"pNode 2"},
                { id:21, pId:2, name:"pNode 21", open:true},
                { id:211, pId:21, name:"leaf node 211"},
                { id:212, pId:21, name:"leaf node 212"},
                { id:213, pId:21, name:"leaf node 213"},
                { id:214, pId:21, name:"leaf node 214"},
                { id:22, pId:2, name:"pNode 22"},
                { id:221, pId:22, name:"leaf node 221"},
                { id:222, pId:22, name:"leaf node 222"},
                { id:223, pId:22, name:"leaf node 223"},
                { id:224, pId:22, name:"leaf node 224"},
                { id:23, pId:2, name:"pNode 23"},
                { id:231, pId:23, name:"leaf node 231"},
                { id:232, pId:23, name:"leaf node 232"},
                { id:233, pId:23, name:"leaf node 233"},
                { id:234, pId:23, name:"leaf node 234"},
                { id:3, pId:0, name:"pNode 3 - no child", isParent:true}
            ];

            $(document).ready(function(){
                $.fn.zTree.init($("#treeDemo"), setting, zNodes);
            });

        </SCRIPT>
     </HEAD>

    <BODY>

    <div class="content_wrap">
        <div class="zTreeDemoBackground left">
            <ul id="treeDemo" class="ztree"></ul>
        </div>
    </div>
    </BODY>
    </HTML>

这是我在google上找到的ztree示例代码。我想知道我能创建动态节点吗?$.fn.zTree.init($("#treeDemo"),want,zNodes);我能动态创建这个zNodes吗?

EN

回答 2

Stack Overflow用户

发布于 2014-07-03 14:17:04

你可以试试这样的方法

代码语言:javascript
复制
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
var newNode = { id:222, pId:22, name:"leaf node 222"};
newNode = treeObj.addNodes(null, newNode);

并创建一个循环来插入您可能需要的所有节点。

如果您需要一个特定的无政府状态,您将必须注意自动生成的id,pId。

票数 0
EN

Stack Overflow用户

发布于 2018-01-22 03:53:42

我有一些关于ajax请求的代码。

代码语言:javascript
复制
$(document).ready(function(){ 
  var zNodes = [];
  $.get('your_url')
  .done(function(x) {
    // x --> this is json data output
    zNodes = x;
    $.fn.zTree.init($("#treeDemo"), setting, zNodes); 
  })
  .fail(function(x) {});
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23714583

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档