DHTML+XML+ASP+CSS的树形目录
时间：2008-10-24 14:29:00
树形目录显示程序
问题描述：
在我们项目中常常会出现自关联的数据表，如果我们从整体看去，整个表就呈现为一个树形数据结构（对于复杂的情况，它可能变成一个图）。当们对这个表进行显示，编辑时，如果不采用好的表现形式，会显得很笨拙，为此，我们开发这样的树形结构的程序。在上一版本中，我们使用的是递归算法来实现，在我们对这个算法评测时发现，对于拥有成千上万条记录的数据库就不再能胜任了，所以在新的算法版本中，我们使用了XML技术，动态的发现数据，以解决一次从服务器下在大量数据的尴尬，同时也遍免了如果表数据结构呈现为图时就会进入死循环的错误。
实际思路：
1、 初始显示时只显示根与二级节点，根与二级节点同在一层次
2、 点击一节点，如果它的子节点区域对象不存在，则建立对象，同时下载数据更新数据，显示所有子节点。
3、 每个节点在建立后都就有相同的功能，如检查子节点是否存在，显示隐藏子节点等等
4、 DHTML+XML+ASP+CSS同时使用
技术难点：
1、 使用XMLhttp接口时乱码问题：
因为在ASP输出页面中，缺省的编码方案并不是中文的，那么在客户端页面的XMLhttp中解释时，就会以缺省的方案解析，所以就会出现乱码。为此，我们在Server端的ASP页面中，加入如下代码定义编码方案：
Response.CharSet="GB2312"
Response.ContentType="text/HTML"
2、 如何在界面上保持上一版本的风格（类资源管理器形式）：
在上一版本中，所有的页面内容都是一气呵成的，在控制上采用递归等思想，所有时的界面相对友好，当时本版中的机制发生了变化，内容是有多次合成的 关键问题，img ,span 对象的id 如何确定 经过求证，在界面上，本版本的界面难以与第一界面相同，所以只能保留一部分，但是总体来说，新界面同样也能满足需要
因为在这里不好使用附件，所以只能贴源码了：
---xtree.HTML-------------------------------------------------------------------
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<SCRIPT LANGUAGE=javascript src=../../"xtree.js">
</SCRIPT>
<style type="text/CSS">
<!--
a:link { font-size: 14px; text-decoration: none; color: #0000FF}
a:visited { font-size: 14px; color: #0000FF; text-decoration: none}
a:hover { font-size: 14px; color: #FF0000; background-color: #CCCC99; text-decoration: none}
a:active { font-size: 14px; color: #FFFFFF; background-color: #191970; text-decoration: none}
.item{ font-size:14px}
-->
</style>
</HEAD>
<BODY leftMargin=0 rightMargin=0 topMargin=0 border=0>
<bold>树形菜单演示程序</bold><br>
<table border=0>
<tr><td nowrap>
<span id='oSpanroot' border=0></span><SCRIPT LANGUAGE=javascript>createChildNode("root",0);</SCRIPT></td></tr>
</table>
</BODY>
</HTML>-------xtree.ASP---------------------------------------------------------------
<％@ Language=VBScript ％>
<％
Response.CharSet="GB2312"
0
投稿猜你喜欢
pandas中DataFrame修改index、columns名的方法示例
Pygame游戏开发之太空射击实战子弹与碰撞处理篇
清空所有表中的数据的存储过程
chatgpt 1020 错误码成功解决的三种方案(推荐)
Python实现Kerberos用户的增删改查操作
举例讲解Python中is和id的用法
python下对hsv颜色空间进行量化操作
多种还原.bak数据库文件方式
浅析php与数据库代码开发规范
详解Python中的join()函数的用法
玩转-SQL2005数据库行列转换
vue.js页面加载执行created,mounted的先后顺序说明
详解Python list 与 NumPy.ndarry 切片之间的对比
使用FastCGI部署Python的Django应用的教程
Python pyinstaller库的安装配置教程分享
Python批量转换文件编码格式
纯js实现瀑布流布局及ajax动态新增数据
浅谈配置OpenCV3 + Python3的简易方法(macOS)
javascript实现秒表计时器的制作方法
