首先说明这一切都是从头开始的,你如果安装了TreeView的话请先卸载掉,卸载方法:
1,在vs.net2003的工具箱中把想关的TreeView控件删除。
2,删除wwwroot目录下的webctrl_client目录,如果有的话
3,删除c:\program files下的ie web controls目录
安装方法:
1,下载,双击exe文件运行,其实是解压缩啊
2,找到c:\program files下的ie web controls目录下的src文件夹。寻找BaseRichControl.cs文件,用文本编辑器如editplus编辑他,找到52行:
private const string DefaultCommanFilesRoot = "/webctrl_client/";
把其中的路径修改成你想要的路径,我是这样修改的
private const string DefaultCommanFilesRoot = "webctrl_client/";
第二步在wwwroot目录下不做
,这一步相当重要,因为如果你不修改的话,他默认的路径是你wwwroot目录下的webctrl_client文件夹,一旦我这样修改了,他默认的路径就是我虚拟目录下的webctrl_client文件夹而不是wwwroot下的,即使我们把虚拟目录上传到服务器也没问题。当然,首先你要把这文件的只读属性去掉,改好后再改回来就是
3,开始---程序--Microsoft Visual Studio.NET 2003------Visual Studio.NET工具----Visual Studio.NET2003命令提示,进入dos状态。我们用cd命令进入c:\program files\ie web \controls目录,输入build.bat,系统就会开始编译,完成后退出
4,在你需要使用TreeView组件的虚拟根目录下新建一文件夹webctrl_client,再在webctrl_client目录下新建一文件夹1_0,把c:\program files\ie web controls\build\Runtime目录下(是目录下而不是Runtime目录)的所有文件拷贝到1_0文件夹下。
5,运行vs.net2003,右击工具箱,选“添加/移除项”,弹出“自定义工具箱”,选Net.FrameWork组件页,点浏览,找到才:c:\program files\ie web controls\build\MicRosoft.Web.UI.WebControls.dll文件,点确定,再确定。,这样就把TreeView加入到了工具箱里面
6,在你的项目的资源管理器中把webctrl_client包括在项目中
7。一切搞顶
1、执行安装文件后,在安装目录找到 “build.bat”文件,用记事本将其打开。把“csc.exe”换成绝对路径“C:\WINNT\Microsoft.NET\Framework\v1.1.4322\csc.exe”。保存后执行(记得把“只读”属性去掉)。
2、编译完成后,在安装目录下可以看到“build”活页夹﹐把该目录下的“Runtime”子目录里所有文件复制到“C:\Inetpub\wwwroot\webctrl_client\1_0”(若没有,则自行创建。注意,在 IIS 中新建站点的话,必须把“webctrl_client”目录复制到站点根目录下)
三、 在 VS.NET 中使用
1、 打开 VS.NET → 右击“工具箱”→ 添加/删除项目 → 浏览 → 选中上述编译的文件“Microsoft.Web.UI.WebControls.dll”→ 确认后即可看到添加的“TreeView”控件
2、 将“TreeView”控件拖入页面 → 属性 → 节点(Node)→ 添加根节点(或添加子节点)
四、 从数据库读取节点信息
保存节点信息的 Table 基本结构为
1、全部读取并一次性展现
1
private
void
Page_Load(
object
sender, System.EventArgs e)
2
3
{
4
5if(IsPostBack)
6
7{
8
9return;
10
11}
12
13DBSystem.ExecuteSQL tmp = new DBSystem.ExecuteSQL("T");
14
15DataTable dt = tmp.GetDataTable("select * from TreeView");//从数据库抓出数据
16
17this.AddNodes(dt,null,"0"); //添加节点
18
19this.TreeView1.SelectedNodeIndex=""; //不选中任何节点。
20
21/**//*下一节将介绍如何修改TreeView.cs 源码来取消默认选中节点的方法*/
22
23}
24
25
26
27
/**/
///
28
29/// 添加节点及其包含的子节点
30
31///
32
33/// 从数据库抓出的 DataTable
34
35/// 将要添加子节点的父节点
36
37/// 父节点的 ID,“0” 为根节点
38
39
private
void
AddNodes(DataTable dt,TreeNode node,
string
id)
40
41
{
42
43DataRow[] rows = dt.Select("ParentID="+id); //筛选出属于父节点 “node”的子节点集合
44
45foreach(DataRow dr in rows) //循环子节点集合
46
47{
48
49TreeNode nd = new TreeNode();
50
51nd.NavigateUrl=dr["URL"].ToString(); //设置浏览的网址
52
53nd.NodeData=dr["NodeID"].ToString(); //存放节点 ID
54
55nd.Text=dr["NodeName"].ToString(); //设置节点名称
56
57this.AddNodes(dt,nd,nd.NodeData); //递归,添加该节点的子节点
58
59if(node==null || id=="0")
60
61{
62
63this.TreeView1.Nodes.Add(nd); //添加至根节点
64
65}
66
67else
68
69{
70
71node.Nodes.Add(nd); //添加子节点
72
73}
74
75}
76
77
2、 展开节点时读取该节点的数据
TreeView 控件属性→ 自动提交(AutoPostBack) → True
TreeView 控件属性→ 事件 → 双击展开(Expand)
1
private
void
Page_Load(
object
sender, System.EventArgs e)
2
3
{
4
5if(!IsPostBack)
6
7{
8
9this.AddSingleNode(null,"0"); //找出根节点
10
11}
12
13this.TreeView1.SelectedNodeIndex=""; //不选中任何节点
14
15}
16
17
18
19
/**/
///
20
21/// 展开节点时,触发的事件
22
23///
24
25/// TreeView 控件
26
27///
28
29
private
void
TreeView1_Expand(
object
sender, Microsoft.Web.UI.WebControls.TreeViewClickEventArgs e)
30
31
{
32
33TreeNode nd = this.TreeView1.GetNodeFromIndex(e.Node); //找到触发事件的节点,即正在展开的节点
34
35if(nd.Nodes[0].NodeData=="") //第一次加载,即只有“正在加载……”这一项
36
37{
38
39this.AddSingleNode(nd,nd.NodeData); //加载子节点
40
41}
42
43}
44
45
46
47
/**/
///
48
49/// 只查找、添加单个节点下的子节点
50
51///
52
53/// 需要添加子节点的 TreeNode
54
55/// 该节点的 NodeID
56
57
private
void
AddSingleNode(TreeNode node,
string
id)
58
59
{
60
61if(node!=null && id!="0")
62
63{
64
65node.Nodes.Clear();//清空节点,主要是把“正在加载……”这一项移除
66
67}
68
69DBSystem.ExecuteSQL tmp = new DBSystem.ExecuteSQL("T");
70
71DataTable dt = tmp.GetDataTable("select * from TreeView where ParentID="+id);//从数据库抓出数据
72
73foreach(DataRow dr in dt.Rows) //历遍所有子节点
74
75{
76
77TreeNode nd = new TreeNode();
78
79nd.NavigateUrl=dr["URL"].ToString(); //设置浏览的网址
80
81nd.NodeData=dr["NodeID"].ToString(); //存放节点 ID
82
83nd.Text=dr["NodeName"].ToString(); //设置节点名称
84
85
86
87TreeNode child = new TreeNode(); //此节点只作为“nd”展开的依据,并无它意
88
89child.Text="正在加载……";
90
91nd.Nodes.Add(child);
92
93if(node==null|| id=="0")
94
95{
96
97this.TreeView1.Nodes.Add(nd); //添加至根节点
98
99}
100
101else
102
103{
104
105node.Nodes.Add(nd); //添加子节点
106
107}
108
109}
110
111}
112
113
五、 修改“TreeView.cs”源码,取消 TreeView 默认选中节点
1、TreeView.cs 文件
在文中﹐找到 “ protected override void OnLoad(EventArgs e)”事件
“ protected override void OnPreRender(EventArgs e)” 事件,修改以下代码
if ((SelectedNodeIndex == "" || SelectedNodeIndex == String.Empty) && Nodes.Count > 0)
//SelectedNodeIndex = "0"; //修改前
SelectedNodeIndex = ""; //修改后
2、TreeView.htc 文件
在“C:\Inetpub\wwwroot\webctrl_client\1_0\ TreeView.htc”中找到“function ondocumentready()”把以下代码注释掉
1
//
verify selectedNodeIndex
2
3
/**/
/****************** Change By Jerry On 2005-01-25 ******************/
4
5
/**/
/*
6
7if (getNodeFromIndex(selectedNodeIndex) == null) { if (getNodeFromIndex("0") != null) selectedNodeIndex = "0"; else selectedNodeIndex = ""; }
8
9*/
10
11
/**/
/****************** Change By Jerry On 2005-01-25 ******************/
12
在“function tryToBuildTreeFromRoot()”修改以下代码
1
if
(selectedNodeIndex.length
==
0
)
2
3
{
4
5//prop_selectedNodeIndex = "0"; //修改前
6
7prop_selectedNodeIndex = ""; //修改后
8
9}
10
3、使用
修改“TreeView.cs”后,重新编译一次,生成新的“Microsoft.Web.UI.WebControls.dll”。应用时只需要设置“SelectedNodeIndex”为 “” 即可
this.TreeView1.SelectedNodeIndex=""; //不选中任何节点。
六、 使用 XML 文档创建 TreeView
1、XML 文档的要求
a) 描述节点名称是固定的“”与“”
b) 虽然 XML 文文件对字母的大小写严格区分,但绑定时会忽略
c) “”节点中的属性,必须与 TreeView 控件中的 TreeNode 属性对应
d) “”节点中的文本不能写在节点内,只能以 “Text”属性出现,如“Node01”行不通,应为“”
以下是一个可用于“TreeView”控件绑定源的范例﹕
2、绑定的代码
1
this
.TreeView1.TreeNodeSrc
=
"
TreeXML.xml
"
;
2
3
this
.TreeView1.DataBind();
4
5
6