TreeView 控件

TreeView 控件可按树形结构来显示分层数据,例如目录或文件目录。

向网页中添加 TreeView 控件

  • 将 TreeView 控件从“工具箱”面板拖放到网页上。

向 TreeView 控件应用基本格式架构

  1. 在“设计”视图中,右键单击 TreeView 控件,再单击“显示常用控制任务”。

    Cc295427.alert_note(ZH-CN,Expression.30).gif说明:

    您也可以在“设计”视图中单击 TreeView 控件,再单击右上角的箭头 Cc295427.56557a2a-a4ef-4c47-906b-f64b8d530387(ZH-CN,Expression.30).png,以显示“TreeView 任务”菜单。再次单击该箭头可隐藏菜单。

  2. 在“TreeView 任务”菜单上,单击“自动套用格式”。

  3. 在“自动套用格式”对话框中,从“选择架构”列表中选择一个架构。该架构对 TreeView 控件产生的效果将显示在“预览”区域中。

  4. 单击“确定”应用格式架构并关闭对话框,或者单击“应用”应用格式架构而不关闭对话框。

与所有 ASP.NET 控件一样,也可以通过在“标记属性”面板中设置属性来指定外观和行为。有关“TreeView”控件的所有属性的完整说明,请参阅 MSDN Library 中的 TreeView(此链接可能指向英文页面)。

TreeView 节点类型

TreeView 控件由一个或多个节点构成。树形结构中的每一项都称为“节点”。下表介绍了三种不同的节点类型。

TreeView 控件的节点类型

节点类型

描述

根节点

没有父节点、但具有一个或多个子节点的节点。

父节点

具有一个父节点、且有一个或多个子节点的节点。

叶节点

没有子节点的节点。

尽管一个典型的树形结构只有一个根节点,但 TreeView 控件允许向树形结构中添加多个根节点。如果希望在显示项列表的同时不显示单个主根节点(例如在产品分类表中),此功能将十分有用。

每个节点都有一个“Text”属性和一个“Value”属性。“Text”属性的值显示在 TreeView 控件中,而“Value”属性则用于存储有关该节点的任何附加数据,例如传递给与节点关联的回发事件的数据。

为 TreeView 控件定义节点

  1. 在“设计”视图中,右键单击 TreeView 控件,再单击“显示常用控制任务”。

  2. 在“TreeView 任务”菜单上,单击“编辑节点”。

  3. 在“TreeView 节点编辑器”对话框中,单击“添加根项”Cc295427.ceca6b3c-d5cc-48da-9bd7-fffcc486d45d(ZH-CN,Expression.30).jpg 以添加一项。

  4. 在“属性”区域中,设置 Texthref 属性以及要为节点设置的任何其他属性。

  5. 添加更多的根项,或者通过单击“添加子项”Cc295427.b6fcf26e-e12d-4faa-ad58-a448cb5d25b0(ZH-CN,Expression.30).jpg,向所选项添加子项。

  6. 添加了若干个菜单项之后,可以通过选中某项并单击以下按钮来调整其顺序和缩进:“在同级间将项上移”Cc295427.21730f68-38b2-45cd-980f-5a48feb6987d(ZH-CN,Expression.30).jpg、“在同级间将项下移”Cc295427.4cfe2717-2851-4922-bb52-9c38fdda20c4(ZH-CN,Expression.30).jpg、“使所选项成为其父级的同级”Cc295427.b89d598e-1bab-4ec7-a256-e769699de3e6(ZH-CN,Expression.30).jpg、“使所选项成为其前一个同级的子级”Cc295427.5d22e6e0-3cd4-4f0a-bc7d-69cd895fff90(ZH-CN,Expression.30).jpg 或“移除项”Cc295427.27e0c529-accb-4203-a5de-1deb9142cea6(ZH-CN,Expression.30).jpg

您可以将 TreeView 控件绑定到 XmlDataSource 控件SiteMapDataSource 控件。此外,在绑定数据时,还可以完全控制要从数据源填充的字段。有关详细信息,请参阅 MSDN Library 中的将数据绑定到 TreeView Web 服务器控件(此链接可能指向英文页面)。

将 TreeView 控件绑定到数据源

  1. 在“设计”视图中,右键单击 TreeView 控件,再单击“显示常用控制任务”。

  2. 在“DropDownList 任务”菜单上,从“选择数据源”下拉列表中选择现有的数据源或“<新数据源>”。

  3. 如果选择了“<新数据源>”,则会打开使用数据绑定控件配置数据源。单击“应用程序从哪里获取数据?”框中的“网站图”或“XML 文件”,再在“为数据源指定 ID”框中指定数据源的 ID。

  4. 如果选择了“XML 文件”,则在“配置数据源”对话框的“数据文件”框中指定“XML 文件”,还可以选择指定 XML 数据源的 XSL 转换文件或 XPath 表达式。

  5. 在对话框和向导中单击“确定”以返回“设计”视图中的控件。

  6. 右键单击该控件,再单击快捷菜单上的“编辑 TreeViewItem 数据绑定”。

  7. 在“可用数据绑定”列表中,选择要绑定到菜单的 XML 域,再单击“添加”。

  8. 在“所选数据绑定”列表中选择该域,再在“数据绑定属性”区域设置属性值。例如,若要指定菜单中显示的文本,则从“TextField”属性下拉列表中选择“#InnerText”,以显示在 XML 元素的开始和结束标记之间包含的文本。

另请参见

概念

ASP.NET 导航控件

Menu 控件

SiteMapPath 控件