TreeView控件问题汇总

最新推荐文章于 2020-09-16 10:31:28 发布
最新推荐文章于 2020-09-16 10:31:28 发布
阅读量223 收藏
点赞数
原文链接：http://www.cnblogs.com/amadeuslee/archive/2006/11/03/3744679.html
版权

1.下载地址
http://msdn.microsoft.com/downloads/samples/internet/ASP_DOT_NET_ServerControls/WebControls/default.asp
安装后，通过“自定义工具箱”->“.net框架组件”把TreeView添加到工具箱里

2.运行时无法显示
一般是TreeView的版本问题，最好下载英文版自动安装版本重新安装，安装前应该先到添加删除程序里卸掉原版本

3.显示格式出错（非树状显示）
TreeView要求客户端浏览器版本为IE5.5及以上，最好要求客户端升级为IE6.0 
 加入.dll引用后，记得把安装时在wwwroot文件夹下的webctrl_client文件夹拷贝至虚拟根目录下。

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.TreeView展开无闪烁的解决方法
http://expert.csdn.net/Expert/topic/1300/1300576.xml

客户端控制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 NodeArray = new  Array(); 
NodeArray = TreeView1.getChildren(); 
 for (i = 0 ;i < NodeArray.length;i ++ ) 
{ 
cNode = NodeArray[i]; 
alert(cNode.getAttribute( " Text " )); 
} 


 

1、用代码在treeview web控件中，添加node的方法

表字段：编号，父编号，名称
数据：
1 0 中华人民共和国
2 1 湖南
3 1 湖北

 

void  creattree( string  text,TreeNode tnd, string  pid) 
{ 

TreeNode t2 = new  TreeNode(); 
t2.Text = text; 

tnd.Nodes.Add(t2); 

 

生成

string  str1  = " 父编号 = ' " + pid + " ' " ; 
DataRow[] dryl  =  dataSet31.Tables [ 0 ].Select(str1); 

 for ( int  i = 0 ;i <= dryl.GetUpperBound( 0 );i ++ ) 
{ 

creattree(dryl[i][ 2 ].ToString(),t2,dryl[i][ 0 ].ToString()); 
} 
} 


 //  
TreeNode t1 = new  TreeNode(); 
t1.Text = " 地区信息 " ; 
TreeView2.Nodes.Add(t1); 

creattree( " 中华人民共和国 " ,t1, " 1 " ); 


 

2、如何为TreeView添加事件？

 

Private   Sub  TreeView1_indexChanged( ByVal  sender  As   Object ,  ByVal  e  As  
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs)  Handles  
TreeView1.SelectedIndexChange 
 Dim  a  As   Integer  
a  =  TreeView1.SelectedNodeIndex 
TextBox1.Text  =   CStr (a) 
 End Sub  


但是AutoPostBack设置为True的话，TreeView还要刷新，闪烁，我的TreeView比较庞大
，这可怎么办？？？苦恼中。。。

3、为什么TreeView 中的SelectedIndexChange为什么不执行？？？

AutoPostBack属性为真，SelectedIndexChange才能被执行。
不过这样的话你选择时会感到刷新得让你痛苦，根据你的具体实现的目的，采用变通的
方法，尽量不使用SelectedIndexChange事件吧。

selectedindexchange事件挂到控件上没有？
InitializeComponent方法中检查检查

4、如何判断 TreeView 的一个节点下是否有子节点？？？

if(selNode.Nodes.Count==0){
//该节点没有字节点
}

5、如何得到 TreeView 的当前选择节点？？？

1.Tree.GetNodeFromIndex(Tree.SelectedNodeIndex.ToString())
2.private void TreeView1_SelectedIndexChange(object sender,
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e)
e.NewNode即为所选节点

6、treeview实现两层节点没问题，扩展到无限层就出问题了？

我的那个做法还不够完善，对于节点数较少的情况可以这样做，对于节点数较多的情况
，你就不能这样做了，你应该只加载一级，当点击节点展开时，再加载它的下一级子节
点。
数据库结构如下：
表名：Table1
ParentID varchar 20:父节点
ID varchar 20:节点
Name varchar 50：名称

来来来，这里给你个例程，再给个我的网页上的TreeViwe看看，一万个子节点都没问题。
http://dev1.eraserver.net/czc888/webform1.aspx
至于那三个图象的意义你看我的网页就知道了。分别表示一页纸（没有子节点）、一本
关闭的书（有子节点），一本打开的书（当前节点被展开）

 

void creat_node( string  
name,Microsoft.Web.UI.WebControls.TreeNode t1, string  number) 
{ 
 // 定义一个新的结点 

Microsoft.Web.UI.WebControls.TreeNode t2 = new  
Microsoft.Web.UI.WebControls.TreeNode(); 
t2.ID = number; 
t2.Text = name; 


 // 判断是否为根结点 
TreeView1.ExpandedImageUrl = " images/Depart03.bmp " ; 
 if (t1.ID.Trim() == " ### " ) 
{ 
TreeView1.Nodes.Add(t2); 
t2.ImageUrl = " images/Depart01.bmp " ; 
} 
 else  
{ 
t1.Nodes.Add(t2); 
t2.ImageUrl = " images/Depart01.bmp " ; 
t1.ImageUrl = " images/Depart02.bmp " ; 
} 


 // 取得这个结点的所有子结点，利用递归自动生成 
 string  mySelectQuery  =   " SELECT ParentID, ID,Name FROM table1 
where ParentID = ' " + number +"'"; 
string  MyConnString = " provider=Microsoft.Jet.OLEDB.4.0;Data 
Source = " +Server.MapPath( " . " )+ " / dt / mydata.mdb " ; 
OleDbConnection myConnection  =   new  
OleDbConnection(MyConnString); 
OleDbCommand myCommand  =   new  
OleDbCommand(mySelectQuery,myConnection); 
myConnection.Open(); 
OleDbDataReader myReader; 
myReader  =  myCommand.ExecuteReader(); 
 while  (myReader.Read()) 
{ 
creat_node(myReader.GetString( 2 ),t2,myReader.GetString( 1 )); 

} 
myReader.Close(); 
myConnection.Close(); 

} 

 private  void CreateProviderTreeBtn_Click( object  sender, 
System.EventArgs e) 
{ 
Microsoft.Web.UI.WebControls.TreeNode t1 = new  
Microsoft.Web.UI.WebControls.TreeNode(); 
creat_node( "" ,t1, " ### " ); 

 

7、怎样使用TreeView???

 

// 初始化TreeView数据 
private   void  InitTV( int  intVOrderLen) 
{ 
SqlDataReader dr; 
SqlCommand myCommand; 
 string  strSel  =   " select * from bas_enterprise where 
len(vieworder) = " +intVOrderLen+ "  order by vieworder " ; 
myCommand  =   new  SqlCommand (strSel, myConnection); 
dr = myCommand.ExecuteReader(); 
 while  (dr.Read ()) 
{ 
TreeNode pNode = new  TreeNode (); 
pNode.Text  = dr[ " EntpName " ].ToString (); 
pNode.ID  = dr[ " ViewOrder " ].ToString (); 
TreeView1.Nodes .Add (pNode); 

} 
dr.Close (); 

} 


 private   void  TreeView1_SelectedIndexChange( object  sender, 
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e) 
{ 
TreeNode NewNode = TreeView1.GetNodeFromIndex 
(TreeView1.SelectedNodeIndex); 
 string  strNodeId = NewNode.ID .ToString (); 
SqlDataReader dr; 
SqlCommand myCommand; 
 int  intVOrderLen = strNodeId.Length + 2 ; 
 string  strSel  =   " select * from bas_enterprise where 
len(vieworder) = " +intVOrderLen+ "  and vieworder like  ' %"+strNodeId+"__% '  
order by vieworder " ; 
myCommand  =   new  SqlCommand (strSel, myConnection); 
dr = myCommand.ExecuteReader(); 
NewNode.Nodes .Clear(); 
 while  (dr.Read ()) 
{ 
TreeNode pNode = new  TreeNode (); 
pNode.Text  = dr[ " EntpName " ].ToString (); 
pNode.ID  = dr[ " ViewOrder " ].ToString (); 
NewNode.Nodes.Add (pNode); 
} 
dr.Close (); 
TreeView1.ExpandLevel = 1 ; 
} 

 

8、在treeview中如何查找一个值，并选中它？

问题:
各位，在已经建好的树中如何查找一个文本或者是treenodes的id，找到后选中它？

答案:

for ( int  i = 0 ;i < TreeView1.Nodes.Count;i ++ ) 
 if (TreeView1.Nodes[i] == TextBox1.Text) 
{ 
 string  index1 = TreeView1.Nodes[i].GetNodeIndex(); // 取得index 
TreeView1.SelectedNodeIndex = index1; 
　　　 } 

 

9、如何取得TreeView中各项的值？？

 

private   void  TreeView1_SelectedIndexChange( object  sender, 
Microsoft.Web.UI.WebControls.TreeViewSelectEventArgs e) 
{ 
Microsoft.Web.UI.WebControls.TreeNode 
NewNode = TreeView1.GetNodeFromIndex(TreeView1.SelectedNodeIndex); 
Label1.Text  = NewNo 


如果通过代码要在父结点中增加子节点,代码如何实现 ?  
父节点代码如下: 
TreeNode pNode  =   new  TreeNode(); 
pNode.ID  =   " Root " ; 
pNode.Text  =  strNodeName; 
TreeView1.Nodes.Add(pNode); 
如果要在根结点 " Root " 下面再增加子节点,如何写代码 ?  
TreeView1.Nodes.AddAt(pNode);这种方式好象不行. 
TreeView1.Nodes[ 0 ].Nodes.Add(pNewNode); 


 /* ************.Cs 中的代码**************************** 

string strScript="<script language=\"javascript\" >"; 
strScript+=" function GetNode() \n"+"{ \n"; 
strScript+=" alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('Text'));\n" ; 
strScript+=" alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('CheckBox'));\n"; 
strScript+=" alert(TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('Checked'));\n"; 
strScript+=" if (TreeView1.getTreeNode(TreeView1.clickedNodeIndex).getAttribute('Checked'))\n"; 
strScript+=" TreeView1.getTreeNode(TreeView1.clickedNodeIndex).setAttribute('Checked','false');\n"; 
strScript+=" else \n"; 
strScript+=" TreeView1.getTreeNode(TreeView1.clickedNodeIndex).setAttribute('Checked','true');\n"; 
strScript+=" \n } \n"; 
strScript+="</script>"; 
if(! this.IsClientScriptBlockRegistered("myjs")) 
{ 
this.RegisterClientScriptBlock("myjs",strScript); 
} 

 

***************************************************//

现在我想在客户端点击父节点的checkbox则下级也被选中，可是使用下面的代码，只能表面选中，在服务器端却得不到，请问有什么其它好法子

< script language = \ " javascript\ "   >  
 function  GetNode() 
{ 
 var  choose; 
 var  indexid; 
indexid = TreeView1.clickedNodeIndex; 
 if  (TreeView1.getTreeNode(indexid).getAttribute('Checked')) 
{ 
choose = false ; 
} 
 else  
{ 
choose = true ; 
} 
TreeView1.getTreeNode(indexid).setAttribute('Checked',choose); 
 var  NodeArray = new  Array(); 
NodeArray = TreeView1.getTreeNode(indexid).getChildren(); 
 for (i = 0 ;i < NodeArray.length;i ++ ) 
{ 
 var  tempindex = indexid + " . " + i; 
TreeView1.getTreeNode(indexid).setAttribute('Checked',choose); 
} 
} 
 // --> 
</ script >  

 

转载于:https://www.cnblogs.com/amadeuslee/archive/2006/11/03/3744679.html

weixin_30794851
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TreeView的性能问题
muzizongheng的专栏
04-16 3481
最近在帮同事调试一个类似资源管理器的wpf界面，左边TreeView去遍历大目录时UI卡死，刚开始我以为是在UI线程中调用系统API遍历目录的原因，就改为后台遍历，但是没有效果。 根本原因： TreeView的Style中Template对于ScrollViewer的CanContentScroll设置为FALSE， 导致VirtualizingStackPanel的虚拟化失效
ASP.NET - 演练：在 TreeView 控件中显示分层数据
dodream的专栏
12-21 2147
      ASP.NET 的 TreeView 控件旨在以分层结构将数据显示给用户。用户可以打开单独的节点，这些节点进而可以包含子节点。TreeView 控件适合于显示 XML 数据，但可以用于任何可在层次结构中表示的数据。此演练演示使用 TreeView 控件的基础知识及显示分层数据的各种方式。 本演练中阐释的任务包括： ·使用 TreeView 控件显示 XML 数据。·
TreeView 控件用于在树结构中显示分层数据，例如目录或文件目录等
beautifulsarah的博客
12-28 614
  asp:TreeView runat="server" OnSelectedNodeChanged="tvTest_SelectedNodeChanged" ID="tvTest">             Nodes>                 asp:TreeNode Text="课程">                     asp:Tr
TreeView控件不能正常显示
weixin_34041003的博客
09-19 186
         使用TreeView控件，我帮助我方便的呈现了文章栏目无限级分类，本想准备大加赞扬一番，可没想到，将项目放到服务器上后，问题来了，我将iewebcontrol 控件安在c:/program files/IE webcontron/目录下（因为我程序中引用的位置是这个地方），打开页面测试，TreeView控件显示不完整，不是按树形目录排列，只有字，没有连接的线，当然也不能点击选中，...
vb treeview控件的使用方法汇总
01-20
以下是对VB TreeView控件的深入探讨： ### 一、基本操作 1. **创建和初始化**: TreeView控件在设计阶段可直接拖放到表单上，也可以通过代码动态创建。初始化时，通常会使用`Nodes`属性添加初始的节点。 2. **添加...
TREEVIEW控件示例
12-17
三小时快速掌握TREEVIEW控件示例 理解层级概念，层级理论上可以有无限级，一般用到四，五级也够用了。最上级的只能有一个，我们把它叫做“爷”，接下来是“父”，再是“子”，再是“孙”，接下来是“曾孙”......，...
三小时学会 VB6.0 应运程序 TreeView控件的使用
hailang123_love的专栏
04-22 6689
能不能掌握控件的使用，是业余向准专业进步的关键。虽然我本人不太喜欢用控件，因为基于不同的操作环境成品后效果很难保证。但有些成熟控件，会使用还是能提高软件水平。比如TREEVIEW控件，TREEVIEW控件，也叫树控件，主要用于层级显示和控制，应用广泛。我一直很想学习这个控件的使用，但每次都没有学成，总感觉很难。前几天有空，狠下心来将论坛搜索一遍，发现也不是太难，在很短时间内只要方法得当，很快可以掌
C#控件命名规范汇总(超详细)
09-05
- `trvw`：TreeView 5. **登录控制类的前缀**： - `cpwd`：ChangePassword - `cuw`：CreateUserWizard - `log`：Login - `logn`：LoginName - `logs`：LoginStatus - `logv`：LoginView - `pwdr`：Password...
TreeView 中 树节点的展开问题
01-04 1963
今天在工作中遇到TreeView 节点展开，所做的项目中有一个根节点，下面有几个子节点，几个子节点分别又有子节点.....总共有4层吧，所有节点加载完毕后 想展开所有的节点，用了   this.treeview1.expandAll() 方法无效 后来经过多次尝试才发现 expandAll ()方法只适合 所有 子节点都属于一个根节点的情况，如果子节点还有节点，这个方法就不适用，如果要展开所有
treeview的使用方法 以及与递归方法的结合
weixin_39479180的博客
09-16 240
TreeView.Nodes 获取分配给树视图控件的树节点集合。获得是一个 TreeNodeCollection类型的集合，通过该集合的添加，就可以对该treeview进行添加节点。例如 TreeNodeCollection tt = treeView1.Nodes; TreeNode tt1= tt.Add(“0liu”); TreeNode tt2= tt. Add(“1liu”); Tr...
TreeView控件心得（转载）
10-29 3014
总结了一下用MS的TREE控件的心得，大家一起来分享，当然，也不乏有其他网友的一些好的见解被录入其中，另有遗漏处请大家不吝赐教！相信只要你仔细阅读了这篇小菜文，并参考一下提供的例程，一定能够掌握TREE的基本用法！1.工欲善其事，必先利其器。首先保证装好你的组件,这个包安装非常方便，只要运行一下即可在VS.NET的工具栏中找到并使用了：http://218.56.11.178:8018/F
treeview不能展开的问题
heroxiao的专栏
09-05 3471
用javascript生成了一个树,生成代码如下,不能展开, 后来发现给根接点expanded赋值在添加第二个节点时已改变，这是树不能展开的原因。在最后加上一句话，把根节点的expanded属性重新设置成true，树才能顺利展开。跟踪代码发现是在tree.htc文件的generateItem(), 方法中值被修改了。至于为什么要修改我就不知道了...@ Page languag
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值