JS 动态树 异步加载树 xloadtree WebFXLoadTree

资料地址:
[url]http://webfx.eae.net/dhtml/xloadtree/xloadtree.html[/url]

概述:
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网站的人。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值