dhtmlxTree的使用

最近用了dhtmlxTree，关于它是什么，不用多说了，都知道它是一个优秀的树型结构。所以就用了它的带checkbox的树，当让用它就要做修改。

dhtmlxTree对xml文件格式要求的固定的第一个是tree，下面的子节点都是item，这个就要修改了dhtmlxtree.js中的dhtmlXTreeObject.prototype._parseXMLTree 方法里有

node = xml_obj.getXMLTopNode("book");改成自己的根节点名称就可以了。

子节点名称的修改：

还是刚才那个方法中

      if ((node.childNodes[i].nodeType == 1) && ((node.childNodes[i].tagName == "unit") || (node.childNodes[i].tagName == "lesson")))

在后面的括号里添加自己的节点类型（tagName），同时在

dhtmlXTreeObject.prototype._branchUpdateNext方法中修改成

 if(node.tagName == "unit")
   {
      var items = this.XMLLoader.doXPath("./unit", node);
   }
   else if(node.tagName == "lesson")
   {
      var items = this.XMLLoader.doXPath("./lesson", node);
   }

好了，至此还可以修改文件使之适应自己的xml格式就告一段落。

 

 

接下来就是当选中各个方框后的触发各种行为，在此写个简单的例子供大家参考：

tree2 = new dhtmlXTreeObject("treeboxbox_tree2", "100%", "100%", 0);
tree2.setImagePath("../imgs/");
tree2.enableCheckBoxes(1);
tree2.enableThreeStateCheckboxes(true);
tree2.loadXML("test1.xml");

 

function haha()
{

alert("选中触发事件");//当然可在此编写相应的复杂逻辑。

}

 tree2.attachEvent("onCheck", haha);

 

总结：这些只是大概的框架，复杂的还是编写自己的业务逻辑。就到这里吧，有问题再交流吧。