在 ASP.NET 页面中使用 TreeView 控件

一、            下载源码



http://www.asp.net/IEWebControls/IEWebControls.exe

 

二、            安装及编译



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、全部读取并一次性展现

    

           private void Page_Load(object sender, System.EventArgs e)

           {

                if(IsPostBack)

                {

                     return;

                }

                DBSystem.ExecuteSQL tmp = new DBSystem.ExecuteSQL("T");

                DataTable dt = tmp.GetDataTable("select * from TreeView");//从数据库抓出数据

                this.AddNodes(dt,null,"0");   //添加节点

                this.TreeView1.SelectedNodeIndex="";   //不选中任何节点。

/*下一节将介绍如何修改TreeView.cs 源码来取消默认选中节点的方法*/

           }

 

           /// <summary>

           /// 添加节点及其包含的子节点

           /// </summary>

           /// <param name="dt">从数据库抓出的 DataTable</param>

           /// <param name="node">将要添加子节点的父节点</param>

           /// <param name="id">父节点的 ID,“0” 为根节点</param>

           private void AddNodes(DataTable dt,TreeNode node,string id)

           {

                DataRow[] rows = dt.Select("ParentID="+id); //筛选出属于父节点 “node”的子节点集合

                foreach(DataRow dr in rows) //循环子节点集合

                {

                     TreeNode nd = new TreeNode();

                     nd.NavigateUrl=dr["URL"].ToString(); //设置浏览的网址

                     nd.NodeData=dr["NodeID"].ToString(); //存放节点 ID

                     nd.Text=dr["NodeName"].ToString();   //设置节点名称

                     this.AddNodes(dt,nd,nd.NodeData);    //递归,添加该节点的子节点

                     if(node==null || id=="0")

                     {

                           this.TreeView1.Nodes.Add(nd);    //添加至根节点

                     }

                     else

                     {

                           node.Nodes.Add(nd);              //添加子节点

                     }

                }

2、       展开节点时读取该节点的数据

TreeView 控件属性→ 自动提交(AutoPostBack) → True

TreeView 控件属性→ 事件 → 双击展开(Expand)

 

           private void Page_Load(object sender, System.EventArgs e)

           {

                if(!IsPostBack)

                {

                     this.AddSingleNode(null,"0"); //找出根节点

                }

                this.TreeView1.SelectedNodeIndex="";   //不选中任何节点

           }

 

           /// <summary>

           /// 展开节点时,触发的事件

           /// </summary>

           /// <param name="sender">TreeView 控件</param>

           /// <param name="e"></param>

           private void TreeView1_Expand(object sender, Microsoft.Web.UI.WebControls.TreeViewClickEventArgs e)

           {

                TreeNode nd = this.TreeView1.GetNodeFromIndex(e.Node); //找到触发事件的节点,即正在展开的节点

                if(nd.Nodes[0].NodeData=="") //第一次加载,即只有“正在加载……”这一项

                {

                     this.AddSingleNode(nd,nd.NodeData); //加载子节点

                }

           }

 

           /// <summary>

           /// 只查找、添加单个节点下的子节点

           /// </summary>

           /// <param name="node">需要添加子节点的 TreeNode</param>

           /// <param name="id">该节点的 NodeID </param>

           private void AddSingleNode(TreeNode node,string id)

           {

                if(node!=null && id!="0")

                {

                     node.Nodes.Clear();//清空节点,主要是把“正在加载……”这一项移除

                }

                DBSystem.ExecuteSQL tmp = new DBSystem.ExecuteSQL("T");

                DataTable dt = tmp.GetDataTable("select * from TreeView where ParentID="+id);//从数据库抓出数据

                foreach(DataRow dr in dt.Rows) //历遍所有子节点

                {

                     TreeNode nd = new TreeNode();

                     nd.NavigateUrl=dr["URL"].ToString(); //设置浏览的网址

                     nd.NodeData=dr["NodeID"].ToString(); //存放节点 ID

                     nd.Text=dr["NodeName"].ToString();   //设置节点名称

 

                     TreeNode child = new TreeNode();     //此节点只作为“nd”展开的依据,并无它意

                     child.Text="正在加载……";

                     nd.Nodes.Add(child);

                     if(node==null|| id=="0")

                     {

                           this.TreeView1.Nodes.Add(nd);    //添加至根节点

                     }

                     else

                     {

                           node.Nodes.Add(nd);              //添加子节点

                     }

                }

           }

五、            修改“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()”把以下代码注释掉

// verify selectedNodeIndex

/****************** Change By Jerry On 2005-01-25 ******************/

/*

if (getNodeFromIndex(selectedNodeIndex) == null) { if (getNodeFromIndex("0") != null) selectedNodeIndex = "0"; else selectedNodeIndex = ""; }

*/

/****************** Change By Jerry On 2005-01-25 ******************/

在“function tryToBuildTreeFromRoot()”修改以下代码

if (selectedNodeIndex.length == 0)

                {

 //prop_selectedNodeIndex = "0";  //修改前

 prop_selectedNodeIndex = ""; //修改后

}

3、使用

修改“TreeView.cs”后,重新编译一次,生成新的“Microsoft.Web.UI.WebControls.dll”。应用时只需要设置“SelectedNodeIndex”为 “” 即可

              this.TreeView1.SelectedNodeIndex="";   //不选中任何节点。

 

六、            使用 XML 文档创建 TreeView



1、XML 文档的要求

a)      描述节点名称是固定的“<treenodes></treenodes>”与“<treenode></treenode>”

b)      虽然 XML 文文件对字母的大小写严格区分,但绑定时会忽略

c)      “<treenode></treenode>”节点中的属性,必须与 TreeView 控件中的 TreeNode 属性对应

d)      “<treenode></treenode>”节点中的文本不能写在节点内,只能以 “Text”属性出现,如“<treenode>Node01</treenode>”行不通,应为“<treenode Text="Node01">

</treenode>”

以下是一个可用于“TreeView”控件绑定源的范例﹕

<?xml version="1.0" encoding="utf-8" ?>

<TREENODES>

     <TREENODE Text="Node01">

           <TREENODE NavigateUrl="04.htm" Text="Node04"></TREENODE>

     </TREENODE>

     <treenode NavigateUrl="05.htm" text="Node05" NodeData="05" CheckBox="true"></treenode>

     <TREENODE NavigateUrl="03.htm" Text="Node03"></TREENODE>

</TREENODES>

2、绑定的代码

                this.TreeView1.TreeNodeSrc="TreeXML.xml";

                this.TreeView1.DataBind();

时间: 2024-09-20 20:26:42

在 ASP.NET 页面中使用 TreeView 控件的相关文章

在ASP.NET页面中动态添加控件

今天被问到如何在ASP.NET 页面中动态创建一批控件,并且希望在后续代码 中能访问到这些动态创建的控件.我用下面的例子来解释这个问题 页面文件: <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> </head> <body> <form id="form1&quo

asp.net中的TreeView控件节点文字怎么倾斜90度显示

问题描述 asp.net中的TreeView控件节点文字怎么倾斜90度显示? 解决方案 解决方案二:transform:rotate(angle)加这个CSS,自己设置个角度值就好了解决方案三:不行呀,你这个是treeview的旋转,我想要的是treeview中节点中文字的倾斜,树不动,中人是各节点中文字倾斜90度,文字如图

请问我在.aspx页面中定义的控件,比如&amp;amp;lt;asp:label&amp;amp;gt;等,在.aspx.cs页面中去不能引用,运行老是报错,请高手指点是怎么回事,小弟很着急!

问题描述 请问我在.aspx页面中定义的控件,比如<asp:label>等,在.aspx.cs页面中去不能引用,运行老是报错,请高手指点是怎么回事,小弟很着急! 解决方案 解决方案二:1新建一个网站(VS2005),在设计图中拖入一个Label控件放上去;2在后台.cs文件中,this.Label1.Text="test",即可运行;注:放入的控件会按次序命名为,控件后加编号,如第一个Label就是Label1;

令你心动的Asp.net 开发中的MessageBox控件

asp.net|控件 令你心动的Asp.net 开发中的MessageBox控件 相信使用ASP.NET做Web开发的程序员们,都会怀念使用MessageBox.Show( "" )的信息提示方式吧.只可惜在ASPX中并不支持此类功能函数,至多也就是在脚本中使用alert( " " )来达到目的.要是想在服务器端的代码中来控制客户端信息提示窗体的显示,就不能直接进行控制了.以下就是我所设计开发的一个用于在服务器端来控制客户端信息提示窗体显示的Web自定义控件,很好用

我在页面上创建TreeView控件,但是为什么找不到所创建的TreeView控件,在线等哦哦~~~

问题描述 我在页面上创建TreeView控件,但是为什么找不到所创建的TreeView控件页面上已经显示TreeView出来,但是找不到它的ID//创建TreeviewTreeViewtv_root=newTreeView();//创建Treeviewtv_root.Attributes.Add("runat","server");tv_root.Attributes.Add("ShowLines","True");strin

创建可编辑的xml文档(之五)执行中的treeview 控件

treeview|xml|创建|控件|执行 执行中的treeview 控件  为了更完美,列表4包含了VB.NET version, or C# version 两个版本的最终treevie 控件.为了更容易使用,我重新定义了结构和代码.同时增加了KeyDown 控制来支持一些默认的快捷键例如:Control-N (新建), F2 (编辑), 和DEL (删除).  这里好象不必附加任何事件,因此最终的api 包含一个方法和八个属性,他们在表1中列出来了,他们大多数都是简单的标志,或者默认的开关

vs2010中vb 中的 treeview 控件

问题描述 vs2010中vb 中的 treeview 控件 如何确定当前所选的节点或子点,并在其下创建新的节点或子点? 最好能给我个完成例子.我初学者,谢谢各位大侠!!!! 解决方案 添加父节点 TreeView1.Nodes.Add(new TreeNode(reader[1].ToString(),reader[0].ToString())); using (SqlConnection mycon = new SqlConnection(sqlstr)) { mycon.Open(); Sq

WinForm开发中针对TreeView控件改变当前选择节点的字体与颜色

本文转载:http://www.cnblogs.com/umplatform/archive/2012/08/29/2660240.html 在B/S开发中,对TreeView控件要改变当前选中节点的颜色比较方便,其有相应的SelectedNodeChanged事件进行控制,但对于WinForm则没有这样方便.申明一下,我在这儿所说的改变当前节点的字体与颜色,主要是在WinForm中的TreeView控件,当前选中节点后,其失去鼠标焦点后节点的字体与颜色失去了选中状态,层级一多,我们就不知道当前

在ASP.NET中使用Treeview控件和XML

asp.net|treeview|xml|控件 以前,在WEB页面中如果想使用树形控件的话,往往会有些麻烦,有时甚至要自己写代码来达到用树形列表显示数据的目的.在asp.net中,我们可以很方便地使用由微软提供的Internet Exploer Web Controls控件来实现树形列表.在微软提供的这套Internet Exploere Web Controls控件集合中,包括有MultiPage,TabStrip,TOOLbar,Treeview控件.在这篇文章中,我们来看在ASP.net中