html 折叠目录树,在Web界面下生成像资源管理器一样的树形目录(很酷的效果)...

本文介绍了如何利用dhtml+xml+asp+css技术实现类似资源管理器的折叠目录树效果。通过初始仅显示根节点和二级节点,点击节点动态加载并显示子节点,解决了大数据量时的性能问题。主要技术难点包括处理XMLHTTP接口的乱码问题和保持界面风格。文章提供了xtree.html、xtree.asp和xtree.js的源码示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

——————————————————————————–

问题描述:

在我们项目中常常会出现自关联的数据表,如果我们从整体看去,整个表就呈现为一个树形数据结构(对于复杂的情况,它可能变成一个图)。当我们对这个表进行显示,编辑时,如果不采用好的表现形式,会显得很笨拙,为此,我们开发这样的树形结构的程序。在上一版本中,我们使用的是递归算法来实现,在我们对这个算法评测时发现,对于拥有成千上万条记录的数据库就不再能胜任了,所以在新的算法版本中,我们使用了xml技术,动态的发现数据,以解决一次从服务器下在大量数据的尴尬,同时也遍免了如果表数据结构呈现为图时就会进入死循环的错误。

实际思路:

1、 初始显示时只显示根与二级节点,根与二级节点同在一层次;

2、 点击一节点,如果它的子节点区域对象不存在,则建立对象,同时下载数据更新数据,显示所有子节点;

3、 每个节点在建立后都就有相同的功能,如检查子节点是否存在,显示隐藏子节点等等;

4、 dhtml+xml+asp+css同时使用.

技术难点:

1、 使用xmlhttp接口时乱码问题:

因为在asp输出页面中,缺省的编码方案并不是中文的,那么在客户端页面的xmlhttp中解释时,就会以缺省的方案解析,所以就会出现乱码。为此,我们在server端的asp页面中,加入如下代码定义编码方案:

response.charset="gb2312"

<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值