TreeView菜单导航的应用

TreeView菜单导航的应用

对于一个导航文字很多，并且可以对导航内容进行分类的网站来说，可以将页面中的导航文字以树状图的形式显示，这样不仅可以有效地节约页面，而且可以方便用户查看。在本节中，将通过几个示例向读者介绍TreeView菜单导航的应用。

示例

使用TreeView控件显示图书类别

TreeView控件功能强大，用户可以通过添加自定义节点和设置控件的外观属性来完成强大的功能。示例运行结果如图1所示。

本示例主要涉及两大步骤：一是为TreeView控件添加自定义节点，二是设置控件的外观属性。本示例是利用Visual Studio 2005提供的设计功能完成这两项任务的。

1．为TreeView控件添加自定义节点

TreeView控件与其他服务器控件应用相同，可以将TreeView控件拖放到Web窗体的适当位置。此时，在Web文件的设计窗口中，将会出现如图2所示控件和任务列表。



图1 使用TreeView控件显示图书类别



图2 设置控件的属性

在任务列表中，单击【编辑节点】按钮，将会弹出如图3所示的对话框。该对话框用于定义TreeView控件的节点和相关属性。对话框左列包括操作节点的命令按钮和控件预览窗口。使用这些命令按钮，可以为TreeView控件添加根节点和子节点、删除节点、调整节点相对位置等。对话框右列是当前选中节点的属性列表。用户可以根据应用需要，逐个设置节点属性。如图3所示，当前选中节点是名为“计算机图书类别”的根节点，并且分别对其属性进行设置。其他节点也可进行类似设置。



图3 TreeView控件添加自定义节点

2．设置控件的外观属性

TreeView控件外观属性，可以通过Visual Studio 2005中的属性窗口进行设置，但这种方法较繁琐，不容易达到预期的效果。本示例使用了一种新的外观属性设置方法，即自动格式化方法。

在图2所示的任务列表中，单击【自动套用格式】按钮，将会弹出如图4所示的对话框。该对话框用于设置TreeView控件的外观样式。对话框左列列出的是Visual Studio 2005内置的多种TreeView控件外观样式名称，右列是对应外观样式的预览窗口。本示例选择的是Windows帮助样式。



图4 设置TreeView控件的外观样式

示例

TreeView控件最常用的数据绑定是利用数据源控件的支持，通过TreeView控件绑定XML文件。其中包括两个内容：一是TreeView控件绑定Web.sitemap文件，二是TreeView控件绑定普通XML文件。

下面通过两个示例分别介绍TreeView控件绑定Web.sitemap文件的方法和TreeView控件绑定普通XML文件的方法

完整程序代码如下：

★ ★★★★Default.aspx设计文件完整程序代码★★★★★

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>


























VerticalPadding="0px" />