首页 > PHP资讯 > HTML5培训技术 > dtree动态添加节点

dtree动态添加节点

HTML5培训技术
从 读取表(有id和pId字段),生成树结构,百度了好久,发现dtree很合适。但是,配置好了,总是显示不出来。求教了同事,得出结论是要注意以下两点:
1.一定要有根节点
2.pId是-1的是根节点,其他从表里面读出来的如果是-1要做一下前台的改动
下面贴出简短的js代码
[javascript]  
        
function createTree(){  
    var tree = new dTree('tree');//创建一个对象.  
        $.ajax({   
                url:'servlet/TreeServlet',   
                type:'post', //数据发送方式   
                dataType:'xml', //接受数据格式   
                error:function(json){  
                    alert( "not lived!");  
                },  
                async: false ,  
                success: function(xml){  
                    tree.add(0,-1,"重点人员类别","","","","img/folderopen.gif","",false);  
                 $(xml).find("node").each(function(){   
                        var nodeId=$(this).attr("nodeId");    
                        var parentId=$(this).attr("parentId");    
                        var nodeName=$(this).text();   
                        tree.add(nodeId,0,nodeName,"","","","","",false);  
                 });  
                     document.getElementById("createTree").innerHTML = tree.toString();  
                }  
             });  
}  
 
 
重点部分已经改成红色字体

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持18不支持0