Tree View控件的使用

通过任务四学习，你需要掌握和了解以下内容：

1.掌握TreeView控件绑定XML及使用

【案例一】

创建一个基于TreeView的电脑产品分类导航，运行效果如下图所示。

【具体步骤】

（1）创建XML数据文件。首先右击网站，从弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【XML文件】选项，如下图所示。在【名称】文本框内输入XML数据文件名称“product.xml”。

（2）创建XmlDataSource数据源。XmlDataSource提供了绑定XML文档的一种简单方式。首先在创建的窗体文件“Default.aspx”页面中添加XmlDataSource控件，用鼠标选择XmlDataSource控件后，选择【配置数据源】选项，如下图所示。

选择【配置数据源】选项后，弹出【配置数据源】对话框，在数据文件输入框内选择刚创建的XML数据文件“product.xml”，如下图所示，选择数据文件完成后，单击【确定】按钮完成XmlDataSource数据源的配置。

（3）TreeView控件绑定XmlDataSource数据源。在默认页面上，添加一个TreeView控件，用鼠标选中此控件，单击右上角的黑色箭头按钮，在弹出的对话框中，在【选择数据源】的下拉列表框中选择创建的XmlDataSource的名称“XmlDataSource1”，如下图所示。

设置后，TreeView控件将显示为如下图所示的效果。

在默认情况下，将XML文档中的所有元素显示在TreeView中，由于在XML文件中通过XML元素的属性和内容设置，所以必须对TreeView的绑定进行设置。用鼠标选中此控件，单击右上角的黑色箭头按钮，在弹出的对话框中选择【编辑TreeNode数据绑定】选项。

选择【编辑TreeNode数据绑定】选项后，弹出【TreeViewDataBingding编辑器】对话框，选择需要重新绑定的节点，单击【添加】按钮，此时可以配置节点的详细信息。

添加完数据绑定字段后，选中字段，此时将在右边显示数据绑定的属性，一般情况下只需要设置“TextField”属性和“ValueField”属性，在设置的时候，可以选择XML元素的属性或者元素的文本值。设置完成后，运行程序后TreeView控件将显示为如下图所示效果。

（4）定制TreeView控件的图标。在默认情况下，TreeView控件连接节点的图标是【+】和【-】，也可以通过修改TreeView的“CollapseImageUrl”、“ExpandImageUrl”和“LeafNodeStyle”属性，来修改连接节点的图标。

设置完成后，运行程序效果如下图所示。

TreeView控件包含的属性如下表所示，这些属性可以为控件的节点指定自己的图像。

【案例二】

通过编程控制TreeView控件的展开与折叠，具体效果如下图所示。在以上的操作中，主要通过配置XML数据源的方式来配置TreeView控件，在实际应用过程中，可能要通过程序代码来控制。

【具体步骤】

（1）在默认的Default.aspx页面中添加两个按钮和一个TreeView控件，修改相应的属性，一个按钮实现展开TreeView控件的所有节点，另外一个按钮实现折叠TreeView控件。在页面的调入时间中添加代码，实现建树功能。

（2）对指定节点进行操作。在上面的操作中实现对TreeView进行折叠和展开，那么如何实现对指定节点进行展开和折叠呢？可以通过TreeView控件中有一个FindNode()方法来实现。程序运行效果如下图所示。