二、在treeview控件中使用treenode控件
如果你创建一个treeview控件的话,就需要在其中添加一些treenode控件来显示一些信息.treenode控件显示为treeview控件的层次结构中的一个项.treenode控件可以包含了 treeview控件;或者,该控件本身也可以独立存在.下面将向你展示如何在一个treeview控件中定义treenode控件.
本实例将显示我喜欢的一些网站,其中每个网站可以是一个独立的,或者在其下还有其它网站.这个treeview控件具有如下定义:
代码拷贝框
＜iecontrols:treeview
id="tvwebsite"
autoselect ="false"
showplus="true"
showlines="true"
expandlevel=2
runat = "server"
＞
'接下来在treeview控件的开始和结束标记中,定义treenode控件
＜iecontrols:treenode text="我常去的站点"＞
＜idcontrols:treenode text="设计类站点"＞
＜idcontrols:treenode text="蓝色理想" /＞
＜idcontrols:treenode text="有风的日子" /＞
＜idcontrols:treenode text="设计联盟" /＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="编程类站点"＞
＜iecontrols:treenode text="ASP编程"＞
＜iecontrols:treenode text="ASP COOL" /＞
＜iecontrols:treenode text=""/＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="ASP.NET编程"＞
＜iecontrols:treenode text="Dotnet技术网" /＞
＜iecontrols:treenode text="asp.net"/＞
＜/iecontrols:treenode＞
＜iecontrols:treenode text="程序员大本营" /＞
＜/iecontrols:treenode＞
＜/iecontrols:treenode＞
其中,定义了一个两级的节点.这个树状视图中包含了"设计类站点"和"编程类站点"这二个大节点,而"编程类站点"中又有两个子节点"ASP编程"和"asp.net编程",其中每个子节点又都定义了其他的节点.
要注意包含其他节点的treenode控件和独立的treenode控件之间的差别.当一个treenode控件中还有其它treenode控件时,这些子控件在其父控件的开始和结束标记之间进行定义:
＜iecontrols:treenode text=""＞
＜/iecontrols:treenode＞
但对于一个独立的treenode控件来说,其开始和结束标记是自包含的:
＜iecontrols:treenode text="" /＞
当页面首次加载时,这就是整个视图节点的展开情况.由于这里的expandlevel属性值设为2,因此将显示到所有级别上的节点.此外还要注意的是,由于 showlines属性和showplus属性都为true,因此在所有显示的这个视图中,连接节点间的线条和连接框都显示出来.
"我常去的站点"是当前选中的节点项.访问者可以敲击回车,或者在这个节点上点击鼠标.然后,访问者可以使用键盘上的箭头来沿着树状视图的层次结构进行定位。
