动态载入数据的无刷新TreeView控件(6)

    既然是动态的载入数据的TreeView,那么服务器端的数据也同时应该以一种树型结构来保存。通过客户端发送节点标识,返回该节点下的子节点数据从而动态生成子节点。下面是一个模拟文件夹数据存放结构的服务器端数据获取示例。

    我们设计这样一张数据库表来存放文件夹数据结构:

 CREATE TABLE [T_202_118_224_132] (
  
[DirIndex] [int] NOT NULL ,
  
[Name] [varchar] (256) COLLATE Chinese_PRC_CI_AS NOT NULL ,
  
[Size] [int] NOT NULL ,
  
[Date] [char] (12) COLLATE Chinese_PRC_CI_AS NOT NULL ,
  
[FatherID] [int] NOT NULL ,
  
[ID] [int] IDENTITY (11NOT NULL 
 ) 
ON [PRIMARY]

    // 实际上上面数据来之于存放在数据库中的一个FTP服务器的目录结构信息

    数据库表预览如下:
   

DirIndex Name Size Date
FatherID
ID
1
 Movie
-1 
Mar 29 07:23
0
1
2
 DV作品
-1 
Mar 22 10:28
1
2
3
 xjtu我的黄金时代-vivi
-1 
Mar 22 10:29
2
3
-1
 MyGoldenAgeA.rm
1.52E+08 
Mar 14 15:49
3
4
-1
 MyGoldenAgeB.rm
1.38E+08 
Mar 14 15:49
3
5
-1
 花絮.rm
65196399 
Mar 14 15:49
3
6
4
 夏日勇气
-1 
Mar 22 10:28
2
7
-1
 夏日勇气.rm
1.91E+08 
Mar 14 20:31
4
8
5
 大陆
-1 
Apr 2 02:01
1
9
6
 爱情麻辣烫
-1 
Mar 22 10:28
5
10
-1
 001.rm
1.07E+08 
Mar 15 08:35
6
11
-1
 002.rm
72386955 
Mar 15 08:42
6
12
7
 大鸿米店-leonado
-1 
Mar 29 10:07
5
13
-1
 01.rm
1.59E+08 
Mar 29 10:08
7
14
-1
 02.rm
91197989 
Mar 29 10:08
7
15
...
 ...
... 
...
...
...


    这里ID是数据库主键,我们将其作为TreeNode的标识,在展开一个TreeNode时,向服务器发送这个标识,服务器返回TreeNode的子节点信息。关于这个返回的数据格式,为了便于客户端处理,我们把子节点信息以一个二维数组的方式返回给客户端,这样一来客户端只需要执行eval(data),就可以得到一个存放TreeView子节点的原数据对象。

    假如我们使用,http://localhost/TreeView/GetTreeNodes.aspx?nid=1向服务器请求数据,那么服务器将返回:

[
  [
"1","Movie","-1","Mar 29 07:23"],
  [
"84","Other","-1","Apr 5 14:16 "],
  [
"95","Tv","-1","Apr 2 01:39 "],
  [
"174","incoming","-1","Apr 1 23:37 "],
  [
"-1","welcome.msg","440","Mar 31 12:46"]
]
    使用数组的Literal Syntax特性,我们执行eval(remotedata),就得到了一个JScript的二维数组。

    如果我们使用同步xmlhttp来取这段数据,这个返回格式已经非常的精简并且便于使用了。可是如果是以xmlhttp的异步执行方式来展开TreeView的节点,那么为了防止客户端插入子节点出错,我们还需要在返回数据中同时输出被Load节点的标志,以便于在异步回调函数执行时,准确确定子节点的加载位置。所以最后服务器返回的子节点信息格式为:
 1$[["1","Movie","-1","Mar 29 07:23"],["84","Other","-1","Apr 5 14:16 "],["95","Tv","-1","Apr 2 01:39 "],["174","incoming","-1","Apr 1 23:37 "],["-1","welcome.msg","440","Mar 31 12:46"]]
    开头的$之前数据就是被Load节点的标识,当然放在什么位置随便了,只要便于客户端脚本将其取出就行。如果不返回这个标识,要实现异步动态装载TreeView子节点将会非常的困难,很容易出现节点装载位置错误的问题(我们讲异步装载节点的回调函数时会详细说的)。

    附服务器端代码示例:
usings

namespace TreeView

    注意,.aspx文件中除了:
<%@ Page language="c#" Codebehind="GetTreeNodes.aspx.cs" AutoEventWireup="false" Inherits="TreeView.GetTreeNodes" %>
    什么也不要留!!!

    to be continued . . .

posted on 2005-03-24 11:02  birdshome  阅读(...)  评论(...编辑  收藏

导航