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

时间: 2024-09-11 15:34:25

ASP.NET实现静态的TreeView控件导航的相关文章

在 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".保存后执行(记得把"只读"

在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中

TreeView控件的使用

说在前面 好多网友来信要求我们写一些 ActiveX 控件的文章,其实对此我们早有计划.记得去年我们筹划 BOE 工作时的时候,小李就写好了一篇关于 ListView 的文章,十分不幸的是小李的机器遭黑客攻击,这篇文章丢失了:这阵子小李又要应付一场考试,没有空闲撰写文章.于是我就勉为其难,代替小李完成 TreeView 控件的介绍,以后有关 ActiveX 的内容仍有小李负责. ActiveX 是扩展应用程序功能的重要手段,但市面上有关 Visual FoxPro 与 ActiveX 控件的介绍

在Asp.net中部署和使用微软的TreeView控件

asp.net|treeview|控件|微软 我想使用一个TreeView控件来显示文件夹的结构,可以在Asp.net中没有默认的Treeview控件,于是,我查找了相关资料,知道微软发布了它的控件IEWebControls.我下载了该控件,并安装到了自己的机器上. 1.下载: 下载的网址 http://msdn.microsoft.com/downloads/samples/internet/asp_dot_net_servercontrols/webcontrols/ 2.安装: 首先,解压

ASP.NET中TreeView控件使用小结

asp.net|treeview|控件 中国IT动力,最新最全的IT技术教程最新100篇 | 推荐100篇 | 专题100篇 | 排行榜 | 搜索 | 在线API文档 首 页 | 程序开发 | 操作系统 | 软件应用 | 图形图象 | 网络应用 | 精文荟萃 | 教育认证 | 未整理篇 | 技术讨论 ASP JS PHP工程 ASP.NET 网站建设 UML J2EESUN .NET VC VB VFP 网络维护 数据库 DB2 SQL2000 Oracle Mysql 服务器 Win2000

JS控件ASP.NET的treeview控件全选或者取消

 本篇文章主要是对JS控件ASP.NET的treeview控件全选或者取消的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <script language="javascript">    /*    函数名称:CheckNode(currentNode).ParentNode(currentNode).ChildNode(currentNode)      函数功能:实现带checkbox的treeview中    1.选中父结点其子结点也

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

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

如何使用 .net 的TreeView控件

treeview|控件     ASP.NET真正有用的特性就是其可扩充性.世界各地的开发人员都可以创建自己的自定义控件,这种自定义控件可以方便地在你自己的过程中进行定义.其中,Internet Explorer Web Controls就是由微软公司在标准的ASP.NET控件之外创建的这样一个集合. WINDOWS资源管理器中的驱动器和其下的文件及文件夹就是按照一种层次结构来安排的,在这个控件集中有一个treeview控件为我们提供了一种按层次结构显示信息的方式.treeview控件包含了称做

在.NET开发中灵活使用TreeView控件

treeview|控件 ASP.NET真正有用的特性就是其可扩充性.世界各地的开发人员都可以创建自己的自定义控件,这种自定义控件可以方便地在你自己的过程中进行定义.其中,Internet Explorer Web Controls就是由微软公司在标准的ASP.NET控件之外创建的这样一个集合. Windows资源管理器中的驱动器和其下的文件及文件夹就是按照一种层次结构来安排的,在这个控件集中有一个treeview控件为我们提供了一种按层次结构显示信息的方式.treeview控件包含了称做"节点&