引自：http://blog.csdn.net/szg3827/archive/2008/04/07/2256366.aspx
总结了一下用MS的TREE控件的心得，大家一起来分享，当然，也不乏有其他网友的一些好的见解被录入其中，另有遗漏处请大家不吝赐教！
相信只要你仔细阅读了这篇小菜文，并参考一下提供的例程，一定能够掌握TREE的基本用法！
1.工欲善其事，必先利其器。首先保证装好你的组件,这个包安装非常方便，只要运行一下即可在VS.NET的工具栏中找到并使用了：
http://218.56.11.178:8018/FileDown.aspx?FID=4
也可以关注一下官方站是否有新版发布：
http://msdn.microsoft.com/downloads/samples/internet/default.asp?url=/Downloads/samples/Internet/ASP_DOT_NET_ServerControls/WebControls/default.asp
2.常用的几个属性和方法
～Index 获取树节点在树节点集合中的位置。
～Nodes 获取分配给树视图控件的树节点集合。
～Parent 获取或设置控件的父容器。
～SelectedNode 获取或设置当前在树视图控件中选定的树节点。
～ExpandAll 展开所有树节点。
～Checked 获取或设置一个值，用以指示树节点是否处于选中状态。
～Text 获取或设置在树节点标签中显示的文本。
～Expand 展开树节点。
～Clear 清空树
～Remove 从树视图控件中移除当前树节点。
以上由其他网友总结，补充：
～Height 控件的高度
～Width 控件的宽度
～BackColor 背景颜色
～BorderColor 边框颜色
～BorderStyle 边框样式
～BorderWidth 边框宽度
～CssClass 应用于该控件的CSS类名
～ExpandedImageUrl 展开时显示的节点图标
～ImageUrl 未选择或展开是显示的节点图标
～SelectedImageUrl 选中状态下显示的节点图标
～Indent 缩进距离，只有在ShowLines设为TRUE时才生效。
～ShowLines 是否显示层级连接线
～ShowPlus 是否显示+/-符号按钮
～ShowToolTip 在有父节点上显示工具提示（+/-号的使用展开/关闭）。
～AccseeKey 控件使用的键盘快捷键
～AutoSelect 为TRUE时，当用键盘移动节点时，自动选择新节点
～AutoPostBack 当改变状态时，自动回存
～Enabled 控制控件的启用状态
～EnableViewState 控件是否自动保存其状态以用于往返行程
～ExpandLevel 初始化控件是展开节点的层数
～SelectExpands 当选中一个接点时，是否自动展开该节点
～TabIndex TAB键次序
～Visible 控件是否可见
3.实用技巧：
1）怎样点击文字（不是+/-号）即可展开(收缩)子节点
将TREE的ShowToolTip 属性设为false即可。
2）当鼠标指到某父接点时，如何不显示显示“节点名：user +/- to expand/collapse”
将TREE的SelectExpands 属性设为TRUE即可。
3）不显示树型的问题
首先：控件包没装好，使用上边介绍的控件包装一下试试。
其次：TreeView要求客户端浏览器版本为IE5.5及以上，最好要求客户端升级为IE6.0
4）关于闪烁
将AutoPostBack属性设置为真，SelectedIndexChange才能被执行。不过这样的话刷新的很厉害。不要刷新的话，将AutoPostBack属性设置为FALSE.
5）如何实现用键盘上下左右键移动焦点时，自动选择新节点并执行新节点
将TREE的AutoSelect 属性设为TRUE即可。
6）不想显示+/-符号按钮怎么做？
将TREE的ShowPlus 属性设为False即可。
7)不想显示层级连接线怎么做？
将TREE的ShowLines 属性设为False即可。
8）如何设置节点旁的图标
～ExpandedImageUrl、ImageUrl、SelectedImageUrl这3个属性是控制图标的，选择自己喜欢的就OK了。
4.看看这个例子，对你一定有启发,是一棵无级树，不过在实际使用中可能会有些麻烦：
http://218.56.11.178:8018/FileDown.aspx?FID=246
5. 这个论坛也使用了树（asp.net+C#+MSSQL 2000），并且代码开放，，如果觉得有参考价值，不妨装起来看看，其中还包含了其他一些常用的asp.net编程技巧,演示了TREE控件如何和数据库结合，动态显示库中的数据，这棵树只有两层，不过比较实用：
http://218.56.11.178:8018/FileDown.aspx?FID=212
其中：tree.aspx、tree.aspx.cs是TREE控件使用的主要部分。
论坛的实际应用演示地址，在这里：
http://expert.kaer.cn/
TreeView使用集锦 hgknight（原作）
原来在论坛里发过专题帖子，只是由于帖子丢失原因，有些问题找不到了，同时这次也补充了一些，发到文档区以方便查询吧
原贴
http://expert.csdn.net/Expert/topic/1525/1525202.xml
1.下载地址
http://msdn.microsoft.com/downloads/samples/internet/ASP_DOT_NET_ServerControls/WebControls/default.asp
下载后是后缀为bat的版本
(1)bulid.将bulid.bat的路径指向csc.exe所在路径,生成Microsoft.Web.UI.WebControls.dll。
(2)在wwwroot下创建空目录webctrl_client\1_0。
(3)将build\Runtime下的文件拷至webctrl_client\1_0下。
(4)选择工具箱的自定义工具箱，添加Microsoft.Web.UI.WebControls.dll。
有些麻烦
但如果你能找到后缀是msi的自动安装版本，直接下一步就行（我一直用这个版本，hoho）
安装后，通过“自定义工具箱”->“.net框架组件”把TreeView添加到工具箱里
2.运行时无法显示
一般是TreeView的版本问题，最好下载英文版自动安装版本重新安装，安装前应该先到添加删除程序里卸掉原版本
3.显示格式出错（非树状显示）
TreeView要求客户端浏览器版本为IE5.5及以上，最好要求客户端升级为IE6.0
4.框架里使用TreeView
设置NavigateUrl、Target属性，可更新另外的Frame
5.找不到TreeNode类
使用TreeView，最好添加namespace：using Microsoft.Web.UI.WebControls;
6.遍历TreeView节点(递归算法)
private void Page_Load(object sender, System.EventArgs e)
{
GetAllNodeText(TreeView1.Nodes);
}
void GetAllNodeText(TreeNodeCollection tnc)
{
foreach(TreeNode node in tnc)
{
if(node.Nodes.Count!=0)
GetAllNodeText(node.Nodes);
Response.Write(node.Text + " ");
}
}
7.得到node结点的父节点
TreeNode pnode;
if(node.Parent is TreeNode)
pnode=(TreeNode)node.Parent;
else
//node is root node
8.修改TreeView样式（示例）
<iewc:TreeView id="TreeView1" runat="server" HoverStyle="color:blue;background:#00ffCC;" DefaultStyle="background:red;color:yellow;" SelectedStyle="color:red;background:#00ff00;">
用代码：
TreeView1.DefaultStyle["font-size"] = "20pt";
9.展开时不提交，改变选择节点时才提交
将autopostback设置成false;
在body里添加 <body onload="initTree()">
然后在PageLoad里写：
string strTreeName = "TreeView1";
string strRef = Page.GetPostBackEventReference(TreeView1);
string strScript = "<script language=\"JavaScript\"> \n" + "<!-- \n" + " function initTree() { \n" +" " + strTreeName + ".onSelectedIndexChange = function() { \n" + "if (event.oldTreeNodeIndex !=
event.newTreeNodeIndex) \n" + "this.queueEvent('onselectedindexchange', event.oldTreeNodeIndex + ',' + event.newTreeNodeIndex); \n" + "window.setTimeout('" + strRef.Replace("'","\\'") + "', 0, 'JavaScript'); \n" + " } \n" + " } \n" + "// --> \n" + "</script>";
Page.RegisterClientScriptBlock("InitTree",strScript );
这样就只有你点击的节点更改的时候才提交！
10.TreeView结合XML
把XML文件设置为如下格式，然后直接设置TreeNodeSrc为该XML文件就行
<?xml version="1.0" encoding="GB2312"?>
<TREENODES>
<TREENODE TEXT="node0" EXPANDED="true">
<TREENODE TEXT="node1"/>
<TREENODE TEXT="node2"/>
</TREENODE>
<TREENODE TEXT="node3" NavigateURL="3.aspx"/>
</TREENODES>
或者用代码
TreeView1.TreeNodesrc="a.xml";
TreeView1.DataBind();
客户端控制TreeView
http://expert.csdn.net/Expert/topic/1382/1382892.xml
1.设置所选节点，如选中第二个节点
function SetSelNode()
{
TreeView1.selectedNodeIndex="1";
}
2.得到所选节点的Text，ID或NodeData
function GetAttribute()
{
alert(TreeView1.getTreeNode(TreeView1.selectedNodeIndex).getAttribute("Text"));
}
替换Text为ID或NodeData，可分别得到所选节点的ID或NodeData
3.修改节点属性，如修改第一个节点的Text
function ModifyNode()
{
var node=TreeView1.getTreeNode("0");
node.setAttribute("Text","hgknight");
}
4.得到点击节点
function TreeView1.onclick()
{
alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute("Text"));
}
5.添加节点
function AddNode()
{
var node=TreeView1.createTreeNode();
node.setAttribute("Text","hgknight");
TreeView1.add(node);
}
6.js遍历所有节点
var AllRootNode=new Array();
AllRootNode=TreeView1.getChildren();
AlertNode(AllRootNode);
function AlertNode(NodeArray)
{
if(parseInt(NodeArray.length)==0)
return;
else
{
for(i=0;i<NodeArray.length;i++)
{
var cNode;
cNode=NodeArray;
alert(cNode.getAttribute("Text"));
if(parseInt(cNode.getChildren().length)!=0)
AlertNode(cNode.getChildren());
}
}
}
分享到：
相关推荐
Tree控件是Windows编程中常用的一种用户界面元素，主要用于展示层次结构的数据，如文件系统、组织结构等。在这个“学习Tree控件的例子”中，我们将深入探讨如何在VC++开发环境中使用Tree控件，并理解与数据库交互的...
"selectTree tree控件 日历控件 tree控件 radio CheckBox demo"这个标题揭示了几个关键的组件，它们是网页交互中的重要元素。下面将详细介绍这些控件及其应用场景。 1. **selectTree（选择树控件）**： 选择树控件...
"多彩的自绘Tree控件"是一种特别设计的控件，它允许开发者为Tree控件定制丰富的视觉效果，使得应用程序的界面更加生动活泼，提升用户体验。 Tree控件本身是一种常见的用户界面元素，通常用于展示层次结构的数据。它...
在IT领域，"Tree控件"是一种常见的用户界面元素，尤其在Windows应用程序和网页开发中广泛应用。它以树形结构展示数据，允许用户通过展开和折叠节点来探索和管理层次结构的信息。Tree控件通常用于文件系统浏览、组织...
4. 处理消息：为Tab控件和Tree控件设置消息响应函数，如当用户点击新的Tab页时更新Tree控件的内容，或者当用户在Tree控件中进行选择时触发相应的操作。 5. 事件处理：实现Tree控件的事件处理，如当用户展开/折叠...
在本教程中，我们将深入探讨如何在VC++中使用TREE控件，以及它的一些关键特性和功能。 TREE控件在MFC（Microsoft Foundation Classes）库中被实现为CTreeCtrl类。CTreeCtrl提供了一个接口，用于创建、编辑和管理树...
在VC++编程环境中，TREE控件是一个非常重要的组件，它被广泛用于构建用户界面，以图形化的方式展示层次结构的数据。本资源集合是关于VC++ TREE控件的使用实例大全，旨在帮助开发者深入理解和掌握其功能与应用。 1. ...
在本文中，我们将深入探讨如何使用MFC（Microsoft Foundation Classes）中的Tree控件来实现一个文件树视图，特别关注“FileTree MFC Tree控件的最好的测试源码”提供的功能。这个源码实例展示了如何利用MFC库来创建...
在C# WinForm开发中，有时我们可能需要创建自定义的控件来满足特定的界面需求，例如构建一个简单的Tree控件。这个教程将引导初学者如何从零开始实现一个基本的Tree控件，主要涉及的技术点包括自定义控件、事件处理...
在VC++编程环境中，"vc Tree控件"指的是MFC（Microsoft Foundation Classes）库中的CTreeCtrl类，它是Windows API中的TreeView控件的封装。这个控件常用于创建树状结构，显示层次化的数据，例如文件系统目录或应用...
VC++Tree控件使用 新建一类,将Tree控件很多功能都包含进去了. TreeView提供了一些对多选的支持，但是不象ListBox那么容易实现。如果你使用TVM_SELECTITEM来选择TreeView的条目的话，只能选择一个。但你可以利用TVM...
VB Tree控件是Visual Basic（VB）编程环境中用于构建图形用户界面GUI的一种组件。它以树状结构显示数据，常用于文件系统浏览、菜单结构、层次关系数据展示等场景。在VB应用程序中，Tree控件提供了用户交互的方式，让...
最近用到了el-tree控件，主要是数据的格式，按照官网的数据格式来就可以显示节点的树形结构了。 代码参考很多 这里给出一个比较好的链接：https://www.jb51.net/article/181990.htm 代码说明在注释里写的很详细...
在Labview中，树形控件（Tree）是一种常用的数据组织和显示工具，尤其适用于处理层次结构数据。本文将深入探讨Labview树形控件的简单应用，包括其使用方法、内容添加与显示，以及如何添加父节点与子节点。 首先，...
AngularJS的Tree控件是一种在Web应用中展示层次结构数据的有效方式。AngularJS，作为一款强大的前端JavaScript框架，提供了一种灵活的方式来构建动态、数据驱动的用户界面。在这个主题中，我们将深入探讨如何使用...
Tree控件是Windows编程中常用的一种用户界面元素，主要用于展示层次结构的数据，如文件系统、组织结构等。在C++的MFC（Microsoft Foundation Classes）框架下，我们可以使用CTreeCtrl类来操作和管理Tree控件。这个...
本篇将深入探讨MFC中的对话框控件、List控件以及Tree控件。 首先，对话框控件是Windows应用程序中常见的一种用户交互界面，它通常用于显示和收集用户输入信息。在MFC中，对话框是基于CDialog类的，开发者可以通过...
在C# WinForm开发中，Tree控件是一个非常常见的组件，用于展示层次化的数据结构，如文件系统、组织结构等。本篇文章将深入探讨如何在WinForm应用中使用Tree控件，以及如何实现鼠标拖动Panel的功能。 首先，让我们...