RSS
热门关键字:  Linux  图形  项目管理  LAMP  java
当前位置 : 主页>开源技术>AJAX技术>列表

分析xloadtree, 用ajax实现的动态目录树

来源:blogjava.net 作者:sherman 时间:2007-09-18 点击:
这两天,为了实现ajax的树形目录,找了很多代码. 最后确定用xloadtree.

在xloadtree的主页上, 有项目xtree 和xloadtree 一个是固定显示的树,一个是动态加载的树.

在他的隐藏目录里,有一个xtree2 地址为
http://webfx.eae.net/dhtml/xtree2b/ 这个是正在测试的版本, 融合了xtree和xloadtree. 更新了代码, 但还是beta版.

xloadtree 可以在各种浏览器下通用. 兼容性效果非常好.

主要的三个文件: xtree2.js, xloadtree2.js, xtree2.css
xloadtree2.js 主要是对ajax方式的封装, 实现异步调用. 显示树的时候,调用xtree2.js里面的代码. xtree2.css 控制树的显示式样. 在查看他的文档的时候,主要看xtree2的文档,这里面才有对树怎样进行操作. xloadtree只是个调用包装.

xtree2.js :
输出html代码的时候, 调用的是toHtml() 方法. 在这个方法中,其中最主要的是getRowHtml() 来得到每一行的输出. 方法中用 getExpandIconHtml() 来控制展开后图标的代码输出, getIconHtml()控制未展开的图标输出. getLabelHtml() 控制文本的输出, 如果不想要图标,就把图标的输出代码屏蔽掉就OK. 字串8


关于在页面输出后,看不到源代码的调试方法:

<br/>
<INPUT type="button" name="ad" onclick="charge();" value="change">
字串9

<br/>
<TEXTAREA rows="10" cols="30" id="ttt" name="ttt"></TEXTAREA> 字串7
<br/>
<INPUT type="button" name="findnode" onclick="findnode();" value="findnode">
字串4

<br/>
<INPUT type=
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册