资料地址:
http://webfx.eae.net/dhtml/xloadtree/xloadtree.html
概述:
XLoadTree 可以实现异步加载树,主要是通过读取XML数据流,生成嵌套DIV的方式做展现.
如果数据量较小可以使用本组件,建议单层不要超过200个节点数。
其中有好几个对象WebFXTree\WebFXTreeItem\WebFXLoadTreeItem,它们之间有什么不同本人没研究过,因为找到了一个可以满足我现在的需求,我就直接用了。
我用的是WebFXLoadTreeItem
//WebFXLoadTreeItem的用法可以参考xloadtree.js里的function WebFXLoadTreeItem(sText, sXmlSrc, sAction, eParent, sIcon, sOpenIcon) {} //http://www.xx.com/xx.do 是可以写回XML流的访问地址 var tree = new WebFXLoadTreeItem("Root", "http://www.xx.com/xx.do"); tree.build();
//返回的XML格式类似于
<?xml version="1.0" encoding="UTF-8"?> <!-- action属性可以是URL或JS函数等 --> <!-- 如果有子节点,请将src属性写上查询子节点的地址(返回格式同本XML介绍), 本人的实验结果是,如果没有子节点,请不要配置src属性; 如果src指定的地址返回了不正确的XML,浏览器会提示错误。 --> <TreeNode text="Root" action="javascript:xx();" src="http://www.xx.com/xx.do"> <!-- 我是叶子节点 --> <TreeNode text="Level1" action="javascript:xx();" /> <!-- 我还有子节点,可以双击或点加号继续查询 --> <TreeNode text="Level2" action="javascript:xx();" src="http://www.xx.com/xx.do"/> </TreeNode>
-----------------------------------
附件是从官网下的DEMO,为了方便只能上JE网站的人。