中国网络报表开发团队

华兴网络报表--让工作更轻松 (lch,wjs,ryb,cx,zxy)

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

         首先说明这一切都是从头开始的,你如果安装了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、全部读取并一次性展现 

 1private 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
39private 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) 

  1private 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
 29private 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
 57private 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()”修改以下代码 

 1if (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、绑定的代码

1this.TreeView1.TreeNodeSrc="TreeXML.xml";
2
3this.TreeView1.DataBind();
4
5 
6
posted on 2006-03-22 09:10  chinareport  阅读(1215)  评论(1编辑  收藏  举报