ASP.Net 2.0 TreeView控件介绍详解

来源：互联网发布：在线网络优化培训编辑：程序博客网时间：2024/06/05 06:12

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文件中读取的，并将它的节点通过代码的方式添加到TreeView控件中。这个XML文件的物理文件名为area.xml，与下面的asp.net在同一个文件夹下，它的内容如下：

<?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

ASP.Net 2.0 TreeView控件 介绍 详解

ASP.Net 2.0 TreeView控件介绍详解