MDA/MDD/TDD/DDD/DDDDDDD
posts - 536, comments - 111, trackbacks - 0, articles - 0
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

dhtmlxtree笔记

Posted on 2009-01-15 23:58 leekiang 阅读(1632) 评论(0)  编辑  收藏 所属分类: web开发
1,基本写法
<body>
    <link rel="STYLESHEET" type="text/css" href="css/dhtmlxtree.css">
    <script  src="js/dhtmlxcommon.js"></script>
    <script  src="js/dhtmlxtree.js"></script>
    <div id="treeboxbox_tree"></div>
    <script type="text/javascript">
  tree=new dhtmlXTreeObject("treeboxbox_tree","100%","100%",0);
  tree.attachEvent("onClick",onNodeSelect);
  tree.setImagePath("images/tree/");
  tree.setXMLAutoLoading("dept.do?action=folder_treeview");//逐级展开
  tree.loadXML("dept.do?action=folder_treeview&id=1");//初始化
  function onNodeSelect(nodeId){
      document.getElementById("parent_folder_id").value = nodeId;
  }
    </script>
</body>


2,初始化需要的xml,必须带item
<?xml version='1.0' encoding='utf-8'?>
<tree id="0">
<item nocheckbox="1" open="1" id="-1" select="0" text= "公司" >
<item  open="1" child="1"  text= "财务部" id= "1"></item>
<item  open="1" child="0"  text= "技术部" id= "2"></item>
<item  open="1" child="0"  text= "人事部" id= "4"></item>
</item>
</tree>
注意<tree>里的id的值必须和dhtmlXTreeObject的第4个参数的值保持一致,否则会报错:
Error type: DataStructure
Description: XMLrefferstonotexistingparent

3,逐级展开的xml
<?xml version="1.0" encoding="utf-8"?><tree id="3">
<item  open="1" text= "甲部门" id= "5" ></item>
<item  open="1" text= "乙部门" id= "6" ></item>
</tree>

4,child属性表示是否有子级

只有注册用户登录后才能发表评论。


网站导航: