JS 动态树异步加载树 xloadtree WebFXLoadTree

最新推荐文章于 2018-10-11 08:37:30 发布

原创最新推荐文章于 2018-10-11 08:37:30 发布 · 394 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #XML #浏览器 #.net #HTML #ViewUI

jquery 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了XLoadTree组件，该组件能实现异步加载树形结构，并通过读取XML数据流来生成嵌套DIV进行展示。文章提供了使用WebFXLoadTreeItem创建树形结构的具体示例代码，并解释了其返回XML的格式。

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