TreeView控件
在我们的开发中经常会遇到一些有树形层次关系的数据,比如显示无限级分类和显示某个文件下的所有文件及文件夹,对于这些带有树形层次关系的数据的显示用TreeView控件是一个比较不错的选择。TreeView控件支持数据绑定也支持以编程的方式动态添加节点。在TreeView控件中每个节点都是一个TreeNode对象,我们可以通过TreeNode对象的Nodes属性来添加其它的TreeNode对象,使之成为这个TreeNode对象的子节点。
TreeView对象有以下常见属性:
属性名 | 说明 |
CheckedNodes | 获取选中了复选框的节点 |
CollapseImageUrl | 节点折叠时的图象 |
DataSource | 绑定到TreeView控件的数据源 |
DataSourceID | 绑定到TreeView控件的数据源控件的ID |
EnableClientScript | 是否允许客户端处理展开和折叠事件 |
ExpandDepth | 第一次显示时所展开的级数 |
ExpandImageUrl | 节点展开的时的图象 |
NoExpandImageUrl | 不可折叠(即无字节点)的节点的图象 |
PathSeparator | 节点之间的值的路径分隔符 |
SelectedNode | 当前选中的节点 |
SelectedValue | 当前选中的值 |
ShowCheckBoxes | 是否在节点前显示复选框 |
- <?xml version="1.0" encoding="utf-8" ?>
- <Area>
- <Province iAreaID ="1" cAreaName="北京市"/>
- <Province iAreaID ="2" cAreaName="上海市"/>
- <Province iAreaID ="3" cAreaName="天津市"/>
- <Province iAreaID ="4" cAreaName="重庆市"/>
- <Province iAreaID ="5" cAreaName="湖北省">
- <City iAreaID ="51" cAreaName="武汉市"/>
- <City iAreaID ="52" cAreaName="黄冈市" />
- <City iAreaID ="53" cAreaName="荆州市"/>
- <City iAreaID ="54" cAreaName="武穴市" />
- <City iAreaID ="55" cAreaName="十堰市"/>
- <City iAreaID ="56" cAreaName="黄石市" />
- </Province>
- <Province iAreaID ="6" cAreaName="河北省">
- <City iAreaID ="61" cAreaName="石家庄市"/>
- <City iAreaID ="62" cAreaName="唐山市" />
- </Province>
- <Province iAreaID ="7" cAreaName="山西省">
- <City iAreaID ="71" cAreaName="太原市" />
- <City iAreaID ="72" cAreaName="大同市" />
- </Province>
- </Area>
前台代码:
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TreeDemo.aspx.cs" Inherits="TreeDemo" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head runat="server">
- <title>TreeView控件的例子</title>
- </head>
- <body>
- <form id="form1" runat="server">
- <div>
- <asp:TreeView ID="treeAreaList" runat="server" AutoGenerateDataBindings="False" OnSelectedNodeChanged="Tree_SelectedNodeChanged">
- </asp:TreeView>
- </div>
- </form>
- </body>
- </html>
后台代码如下:
- using System;
- using System.Data;
- using System.Configuration;
- using System.Collections;
- using System.Web;
- using System.Web.Security;
- using System.Web.UI;
- using System.Web.UI.WebControls;
- using System.Web.UI.WebControls.WebParts;
- using System.Web.UI.HtmlControls;
- using System.Xml;
- using System.Xml.XPath;
- public partial class TreeDemo : System.Web.UI.Page
- {
- XmlDocument xmlDoc;
- protected void Page_Load(object sender, EventArgs e)
- {
- if (!Page.IsPostBack)
- {
- MakeParentNode();
- }
- }
- #region //生成父结点
- /// <summary>
- /// 生成
- /// </summary>
- protected void MakeParentNode()
- {
- treeAreaList.Nodes.Clear();
- xmlDoc = new XmlDocument();
- xmlDoc.Load(Server.MapPath("area.xml "));//动态加载XML文档
- XmlNodeList nodeList = xmlDoc.SelectSingleNode("Area").ChildNodes;//获取Area节点下的所有子结点
- //定义Area结点
- TreeNode topNode = new TreeNode();//定义顶级节点
- topNode.Text = "area ";
- // tn.Value = "-1";
- topNode.Expanded = true;
- treeAreaList.Nodes.Add(topNode);//添加"区域"父结点
- XmlElement element = null;
- TreeNode treeNode = null;
- //遍历区域下的所有省和直辖市
- foreach (XmlNode node in nodeList)
- {
- element = (XmlElement)node;
- treeNode = new TreeNode();
- treeNode.Text = element.GetAttribute("cAreaName");//在树控件上显示省或直辖市的名称
- treeNode.Value = element.GetAttribute("iAreaID");//获取节点值
- treeNode.Expanded = true;
- topNode.ChildNodes.Add(treeNode);//将省或直辖市级结点添加到顶级节点中
- MakeChildNode(node.ChildNodes, treeNode);//通过递归将所有子节点添加到节点集合中
- }
- }
- #endregion
- #region //生成子结点
- /// <summary>
- /// 递归将子节点添加到当前节点下
- /// </summary>
- /// <param name="nodeList">XmlNodeList的实例</param>
- /// <param name="treeNode">要添加子节点的父节点</param>
- protected void MakeChildNode(XmlNodeList nodeList, TreeNode treeNode)
- {
- XmlElement element = null;
- TreeNode subTreeNode = null;
- //遍历省级节点下的所有市,市辖区
- foreach (XmlNode node in nodeList)
- {
- element = (XmlElement)node;
- subTreeNode = new TreeNode();
- subTreeNode.Text = element.GetAttribute("cAreaName");//在树控件上显示市或市辖区的名称
- subTreeNode.Value = element.GetAttribute("iAreaID");//这里设置节点Value
- subTreeNode.Expanded = true;
- treeNode.ChildNodes.Add(subTreeNode);//将子结点添加到父结点下面
- MakeChildNode(node.ChildNodes, subTreeNode);//递归调用本方法
- }
- }
- #endregion
- protected void Tree_SelectedNodeChanged(object sender, EventArgs e)
- {
- Response.Write("节点的值:" + treeAreaList.SelectedNode.Value+"<br/>");
- Response.Write("节点的路径:" + treeAreaList.SelectedNode.ValuePath + "<br/>");
- Response.Write("节点的数据路径:" + treeAreaList.SelectedNode.DataPath + "<br/>");
- }
- }
有关XML文件的读取是一个比较复杂的问题,这里在代码中仅对程序中所使用的代码进行了详尽的注释。这个页面的运行效果如下:
因为我们给TreeView控件的SelectedNodeChanged事件添加了处理方法,所以当我们点击节点时会进行相关的处理,下面是点击黄冈市的效果:
文章来源:http://blog.csdn.net/zhoufoxcn/archive/2008/11/03/3208413.aspx