TreeView Web 控件的使用

TreeView Web 控件的使用

在这个地址去下载，是一个大小为 360 KB 的IEWebControls.exe安装文件。

http://www.asp.net/Iewebcontrols/download.aspx?tabindex=0&tabid=1

1、执行安装文件后，将创建一个新目录（默认为 C:Program FilesIE Web Controls，您也可以在安装过程中配置此目录）。在安装目录找到 “build.bat”文件，用记事本将其打开。把“csc.exe”换成绝对路径“C:WINNTMicrosoft.NETFrameworkv1.1.4322csc.exe”。保存后执行build.bat文件（记得把“只读”属性去掉）。（注意：XP系统是WINDOWS）

如下：

@if "%_echo%"=="" echo off

 

if not exist build mkdir build

 

c:winntmicrosoft.netframeworkv1.1.4322csc.exe /out:buildMicrosoft.Web.UI.WebControls.dll @IEWebControls.rsp

xcopy srcRuntime buildRuntime /E /Y /I /Q

或者是：

在我的电脑的属性里面高级找到环境变量path中把下面这句加上  
C:WINNTMicrosoft.NETFrameworkv1.1.4322

然后双击 build.bat 文件。

2、编译完成后，在安装目录下可以看到“build”文件夹﹐build 目录将包含程序集文件 Microsoft.Web.UI.WebControls.dll 和子目录 Runtime。把该目录下的“Runtime”子目录里所有文件复制到“C:Inetpubwwwrootwebctrl_client1_0”（若没有，则自行创建。注意，在 IIS 中新建站点的话，必须把“webctrl_client”目录复制到站点根目录下，如：g:aspnetyl0721 与应用目录如tszl同级）

3 打开 VS.NET → 右击“工具箱”→ 添加/删除项 → 浏览 → 选中上述编译的文件“Microsoft.Web.UI.WebControls.dll”→ 确认后即可看到添加的“TreeView”控件

打开项目文件的aspx页，在工具箱的Web窗体上点击右键，选择添加/移除项. 

选择.NET Framework 组件，选择Microsoft.Web.UI.WebControls.dll 程序集文件，点击打开，确定。

这样就将 TreeView 控件添加到 Visual Studio .NET 工具箱中。要将该控件中添加到

ASP.NET Web 页中，只需要将控件从工具箱拖放到设计器中即可。

要在内含代码的类中使用 IE Web 控件，首先需要右击 Reference（引用），然后选择 Add Reference（添加引用），将引用添加到 Microsoft.Web.UI.WebControls.dll 程序集中。然后，在内含代码的类中，如果使用的是 C# ，则添加 using Microsoft.Web.UI.WebControls；如果使用的是 Microsoft Visual Basic? .NET，则添加 Imports Microsoft.Web.UI.WebControls。

静态指定 TreeView 结构

要静态指定组成 TreeView 的 TreeNode。请从 Properties（属性）窗格中选择 Nodes（节点）属性，然后单击此属性右侧的省略号按钮。这时将显示 TreeNodeEditor（TreeNode 编辑器）对话框。现在可以将新的 TreeNode 添加到 TreeView 中。

图 2 显示了输入家族树信息后的 TreeNodeEditor（TreeNote 编辑器）对话框。

图 2：TreeNodeEditor（TreeNote 编辑器）对话框 

除了文本标签以外，TreeNote 还可以关联图像。尤其值得说明的是，每个 TreeNote 可以关联三幅图像：当 TreeNote 处于标准（折叠）状态时显示一幅图像；当 TreeNote 处于展开状态时显示另一幅图像；当 TreeNote 处于选中状态（当用户单击 TreeNote 时，该节点变为选中状态）时显示第三幅图像。这三种属性都需要一个指向指定图像的 URL。

例如，可以通过以下方法展开家族树演示：将 TreeView 的 ImageUrl 属性设置为指向某个闭合的文件夹图像的 URL，将 TreeView 的 ExpandedImageUrl 属性设置为指向某个打开的文件夹图像的 URL，从而分别将折叠和已展开的 TreeNote 显示为闭合的文件夹和打开的文件夹。（如果要为选定的 TreeNote 换一幅图像，只需要将 TreeView 的 SelectedImageUrl 属性设置为相应的 URL 即可。）

请注意，TreeView 和 TreeNote 都具有 ImageUrl、ExpandedImageUrl 和 SelectedImageUrl 属性。不同的是，当设置 TreeView 的属性时，默认情况下，TreeView 中所有 TreeNote 都将显示指定的图像； 如果设置 TreeNote 的属性，则这些属性仅适用于当前特定的 TreeNote。由于我们希望所有 TreeNote 处于折叠状态时显示为闭合的文件夹，处于展开状态时显示为打开的文件夹，因此我们对 TreeView 控件的 ImageUrl 和 ExpandedImageUrl 属性进行了设置。

TreeNote 也可以关联 URL。当单击关联有 URL 的 TreeNote 时，会自动将用户快速链接到指定的 URL。TreeNote 的 NavigateUrl 属性用于指示当单击 TreeNote 时将用户链接到的 URL。该功能对于包含两个窗框的 ASP.NET Web 页非常有用。左侧窗框中包含一个 TreeView 控件。当用户单击某个 TreeNote 时，该节点的详细信息将显示在右侧窗框中，这与在 Windows 资源管理器中单击左侧窗格中的某个系统文件夹，该文件夹的文件将显示在右侧窗格中的情形类似。

要关联 URL，只需要将每个 TreeNote 的 NavigateUrl 设置为相应的 URL。要将 TreeNote 的关联 URL 加载到其他浏览器窗框中，请将 TreeNote 的 Target 属性设置为相应的窗框名称。这些步骤都可以通过 TreeNodeEditor（TreeNote 编辑器）来完成。