JS 动态树 异步加载树 xloadtree WebFXLoadTree

资料地址:
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网站的人。

你可能感兴趣的:(html,xml,.net,浏览器)