注册登录

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

时间:2016-02-24 15:14 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的编程技术是：【ASP.NET实现静态的TreeView控件导航】，下面是详细的分享！

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

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属性包含节点的子节点。

以上所分享的是关于ASP.NET实现静态的TreeView控件导航，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：asp.net 做导航用menu控件，实现菜单横排，鼠标移...

　　答： - - 一 1000 0 1 1 - - 1 100001 1000 0 2 - 2 100002 1000 0 2 - 二 1100 0 1 1 - 1 110001 1100 0 2 - 2 110002 1100 0 2 - 三 1200 0 1 1 - 1 120001 1200 0 2 - 2 120002 1200 0 2 - 四 1300 0 1 1 - 1 130001 1300 0 2 - 2 130002 1300 0 2 >>详细

　　相关问题：在ASP.NET中导航控件有哪些?分别有什么作用?

　　答：Menu,treeView,SiteMapPath.其中Menu不常用，SiteMapPath就是类似于：路径提示作用，比如：百度知道>电脑/网络>程序设计>C#.最常用的TreeView表示层级关系。点击一个大类，可以展开和关闭大类中的小类~~~~ >>详细

　　相关问题：asp.net怎样实现导航栏，需要用到什么控件么？

　　答：导航可以treeview 或者 menu控件再就是自己写div+css >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

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

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

以上所分享的是关于ASP.NET实现静态的TreeView控件导航，下面是编辑为你推荐的有价值的用户互动：

最新教程

相关教程