TreeView 控件
TreeView 控件可按树形结构来显示分层数据,例如目录或文件目录。
向网页中添加 TreeView 控件
- 将 TreeView 控件从“工具箱”面板拖放到网页上。
向 TreeView 控件应用基本格式架构
在“设计”视图中,右键单击 TreeView 控件,再单击“显示常用控制任务”。
说明: 您也可以在“设计”视图中单击 TreeView 控件,再单击右上角的箭头 ,以显示“TreeView 任务”菜单。再次单击该箭头可隐藏菜单。
在“TreeView 任务”菜单上,单击“自动套用格式”。
在“自动套用格式”对话框中,从“选择架构”列表中选择一个架构。该架构对 TreeView 控件产生的效果将显示在“预览”区域中。
单击“确定”应用格式架构并关闭对话框,或者单击“应用”应用格式架构而不关闭对话框。
与所有 ASP.NET 控件一样,也可以通过在“标记属性”面板中设置属性来指定外观和行为。有关“TreeView”控件的所有属性的完整说明,请参阅 MSDN Library 中的 TreeView(此链接可能指向英文页面)。
TreeView 节点类型
TreeView 控件由一个或多个节点构成。树形结构中的每一项都称为“节点”。下表介绍了三种不同的节点类型。
TreeView 控件的节点类型
节点类型 |
描述 |
---|---|
根节点 |
没有父节点、但具有一个或多个子节点的节点。 |
父节点 |
具有一个父节点、且有一个或多个子节点的节点。 |
叶节点 |
没有子节点的节点。 |
尽管一个典型的树形结构只有一个根节点,但 TreeView 控件允许向树形结构中添加多个根节点。如果希望在显示项列表的同时不显示单个主根节点(例如在产品分类表中),此功能将十分有用。
每个节点都有一个“Text”属性和一个“Value”属性。“Text”属性的值显示在 TreeView 控件中,而“Value”属性则用于存储有关该节点的任何附加数据,例如传递给与节点关联的回发事件的数据。
为 TreeView 控件定义节点
在“设计”视图中,右键单击 TreeView 控件,再单击“显示常用控制任务”。
在“TreeView 任务”菜单上,单击“编辑节点”。
在“TreeView 节点编辑器”对话框中,单击“添加根项” 以添加一项。
在“属性”区域中,设置 Text 和 href 属性以及要为节点设置的任何其他属性。
添加更多的根项,或者通过单击“添加子项”,向所选项添加子项。
添加了若干个菜单项之后,可以通过选中某项并单击以下按钮来调整其顺序和缩进:“在同级间将项上移”、“在同级间将项下移”、“使所选项成为其父级的同级”、“使所选项成为其前一个同级的子级” 或“移除项”。
您可以将 TreeView 控件绑定到 XmlDataSource 控件和 SiteMapDataSource 控件。此外,在绑定数据时,还可以完全控制要从数据源填充的字段。有关详细信息,请参阅 MSDN Library 中的将数据绑定到 TreeView Web 服务器控件(此链接可能指向英文页面)。
将 TreeView 控件绑定到数据源
在“设计”视图中,右键单击 TreeView 控件,再单击“显示常用控制任务”。
在“DropDownList 任务”菜单上,从“选择数据源”下拉列表中选择现有的数据源或“<新数据源>”。
如果选择了“<新数据源>”,则会打开使用数据绑定控件配置数据源。单击“应用程序从哪里获取数据?”框中的“网站图”或“XML 文件”,再在“为数据源指定 ID”框中指定数据源的 ID。
如果选择了“XML 文件”,则在“配置数据源”对话框的“数据文件”框中指定“XML 文件”,还可以选择指定 XML 数据源的 XSL 转换文件或 XPath 表达式。
在对话框和向导中单击“确定”以返回“设计”视图中的控件。
右键单击该控件,再单击快捷菜单上的“编辑 TreeViewItem 数据绑定”。
在“可用数据绑定”列表中,选择要绑定到菜单的 XML 域,再单击“添加”。
在“所选数据绑定”列表中选择该域,再在“数据绑定属性”区域设置属性值。例如,若要指定菜单中显示的文本,则从“TextField”属性下拉列表中选择“#InnerText”,以显示在 XML 元素的开始和结束标记之间包含的文本。