xml应用(3):附带选择功能的树的实现 XMLSelTree(V1.0)
2003-07-03 00:30
477 查看
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720281.gif)
XMLSelTree(V1.0)
演示:http://61.163.246.155/pro/XMLSelTree/
示例图:
![](http://61.163.246.155/pro/xmlseltree/demo.jpg)
一:功能简介:
客户端环境
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
IE5.x
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
IE6
无限级树结构
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
不限制,理论上为树的深度可以无限
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
数据加载:a.一次加载 b.动态加载 c. a+b
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
是否只显示树的一个枝节
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
是否自动展开枝节下第一个叶
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
是否每次重新加载子节点
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
节点图标有节点属性动态指定
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
当前节点图标改变,父系节点图标改变
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
当前节点高亮显示
选择节点所包含的数据子集
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
子集数据:选择节点数据数据子集时动态加载
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
子节点选择状态,自动跟随父节点的选择状态
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
当所有子节点全部选中,所有父系节点自动选中
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
当子节点有一个未选中,所有父系节点自动取消选中状态
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
当节点获得焦点,是否同时改变节点的选择状态
![](http://blog.csdn.net/Develop/ArticleImages/19/19357/CSDN_Dev_Image_2003-6-301720283.gif)
自由指定节点数据子集中,数据的分隔符
二:实现过程
感谢以下参考程序的作者:
MSDN: Grant Harris, Bryn Waibel http://msdn.microsoft.com/library/shared/deeptree/htc/deeptree.htc CSDN: ChinaOk http://www.ChinaOk.net/***(现在访问不到了 :( )
关键方法:
1. 设定全局对象,获得当前节点
2. 使用xmldom动态加载节点数据(xml格式字符串)
3. 根据客户端IE版本不同,调用不同版本xsl文件 4. 使用xsl转化xml数据,获得节点相关属性
5. 依照节点层次结构,获得当前节点的父系节点与子系节点
6. 依照节点层次关系,显示为树状结构
7. 同步(异步)当前节点及其父系节点,子系节点的选择状态
三:使用说明:由于水平有限,有不足和需要改进的地方,请多多指点. | |||||||||||||||||||||||||
说明 1. 枝节点:有子节点的节点 2. 叶节点:没有有子节点的节点 3. 节点属性根据需要选择指定节点属性 4. 节点属性区分大小写,注意! XML数据格式
1. 参看js文件(treeRes/XMLSelTree.js)中的注释 2. 全局变量:m_oConfig; 3. 函数:TreeConfig; 图标 1. 枝节点图标:treeRes/images/NodeImg1.gif(子节点展开前) 2. 枝节点图标:treeRes/images/NodeImg2.gif(子节点展开后) 3. 叶节点图标:treeRes/images/NodeImg0.gif 4. 叶节点图标:treeRes/images/NodeImg3.gif(点击后,可选) 5. 根据需要修改XMLSelTree.xsl(或XMLSelTreeforIE5.xsl)中的图标相对路径,默认图标 |
相关文章推荐
- [导入]xml应用(3):附带选择功能的树的实现 XMLSelTree(V1.0)
- 第六天:浪迹天涯网上商城(1.0版本)--后台管理系统--实现商品类目选择功能
- DEV控件及如何实现一些功能的应用(附带PPT讲解)
- 构建NetCore应用框架之实战篇(五):BitAdminCore框架1.0登录功能设计实现及源码
- GridView模板列中实现选择行功能
- Android应用自动更新功能的实现!!!
- Ajax 和 XML: 使用 Ajax 实现打分评级和添加评论功能
- lvm逻辑卷的基本应用,扩展及缩减、快照功能实现方法
- python-实现xml字符串替换功能
- asp.net GridView模板列中实现选择行功能
- JavaFX本地应用自动更新功能的实现FXLauncher
- Java学习笔记——应用矢量和迭代器来实现类似链表的功能
- Android应用自动更新功能的实现!!!
- Android textview 实现长按自由选择复制功能的方法
- 如何在应用系统中实现数据权限的控制功能
- 用ASP.NET Core 1.0中实现邮件发送功能
- Android 仿美团网,探索ListView的A-Z字母排序功能实现选择城市
- 轻松实现Android仿淘宝地区选择功能
- QVW中实现日期区间的选择功能!
- 利用ActiveX实现本地文件夹选择功能(JS,HTML)