当前位置: 代码迷 >> Web前端 >> dtree动态平添节点
  详细解决方案

dtree动态平添节点

热度:200   发布时间:2013-03-22 09:49:50.0
dtree动态添加节点

从数据库读取表(有id和pId字段),生成树结构,百度了好久,发现dtree很合适。但是,配置好了,总是显示不出来。求教了同事,得出结论是要注意以下两点:

1.一定要有根节点

2.pId是-1的是根节点,其他从表里面读出来的如果是-1要做一下前台的改动

下面贴出简短的js代码

      
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();
				}
			 });
}


 

重点部分已经改成红色字体