快速业务通道

ASP.NET实现静态的TreeView控件导航

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-21

ASP.NET提供了一系列拥有页面导航功能的控件,这些控件包括在页面显示菜单的Menu控件、提供站点导航的Site MapPath控件和显示层次结构的树形(TreeView)控件。本章的示例将介绍这些控件在创建Web应用程序中的应用。

实现静态的TreeView控件导航

TreeView控件是一个树形结构的控件。该控件用于显示分层数据,如文件目录。TreeView控件的每个节点是一个TreeNode对象,具有Text属性和Value属性,Text属性指定在节点显示的文字,Value属性是获取节点的值。每个节点有选定和导航这两种状态,NavigateUrl属性决定节点的状态,当该属性不为空字符串("")值时为导航状态,否则为选择状态。默认情况下,会有一个节点处于选择状态。

TreeView控件的Nodes包含所有节点的集合,可以用设计器为TreeView控件添加节点,也可以使用编程的方式动态添加节点。如果当TreeView控件需要显示的节点非常多,一次性加载可能会影响效率,在这种情况下,可以设置TreeView控件的PopulateOnDemand属性为true,那么展开节点时引发TreeNodePopulate事件,在这个事件中使用编程的方式加载子节点。本示例将演示如何使用TreeView控件的静态节点实现页面导航。

技术要点

实现静态的TreeView控件导航的技术要点如下。

TreeView控件的Nodes属性包含所有节点,通过编程向该属性增加节点。

TreeNode对象作为TreeView控件的一个节点,通过该对象设置导航信息。

实现步骤

(1)在VS2008中创建一个ASP.NET网站,命名为“TreeViewSample1”。

(2)添加一个页面,命名为“TreeViewControl.aspx”,并把这个页设置为起始页。

(3)从工具箱选择TreeView控件设计页面。

(4)在首次加载页面时,首先创建一个根节点,不带任何导航信息,然后将该节点添加子节点信息。代码如下所示。

<%@ Page Language="C#" AutoEventWireup="true" %>

<script runat="server">

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

this.TreeView1.ShowLines = true;//在控件中显示网格线

TreeNode rootNode = new TreeNode();//定义根节点

rootNode.Text = "分类产品";

TreeNode tr1 = new TreeNode();//定义子节点

tr1.Text = "电器类";

tr1.NavigateUrl = "~/electric.aspx";

rootNode.ChildNodes.Add(tr1);//把子节点添加到根节点

TreeNode tr2 = new TreeNode();

tr2.Text = "食品类";

tr2.NavigateUrl = "~/food.aspx";

TreeNode tr21 = new TreeNode();

tr21.Text = "苹果";

tr21.NavigateUrl = "~/apple.aspx";

tr2.ChildNodes.Add(tr21);//添加二级子节点 

rootNode.ChildNodes.Add(tr2);

TreeNode tr3 = new TreeNode();

tr3.Text = "日用品类";

tr3.NavigateUrl = "~/commodity.aspx";

rootNode.ChildNodes.Add(tr3);

this.TreeView1.Nodes.Add(rootNode);//把根节点添加到TreeView控件中

}

}

</script>

<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="TreeView1" runat="server">

</asp:TreeView>

</div>

</form>

</body>

</html>

(5)按Ctrl+F5组合键运行程序,

运行结果如图22.1所示。

图22.1  运行结果

源程序解读

(1)TreeView控件的属性比较丰富,ShowLines属性确定各节点之间是否显示连线。

(2)TreeNode对象代表TreeView控件的一个节点,该对象的ChildNodes属性包含节点的子节点。

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号