一 添加TreeView
1、加入Dll文件
在”工具箱——web窗体“单击右键,选择“添加/移除项...”,在弹出对话框中选择.net framwork 组件,单击“浏览”,找到IE WebControl.dll 文件,添加上即可。
2、 加入TreeView
<%@ register tagprefix = "iecontrols" namespace="Microsoft.web.UI.webcontrols"
assembly="microsoft.web.UI.webcontrols" %>
<!--设置好指令后,就可以定义下面这样的一个treeview控件了-->
<iecontrols:treeview id="tvbasic" autoselect="false" shoplus="true" showlines="true" expandlevel=2 runat="server"> </idcontrols:treeview>
说明:autoselect = "false"
当访问者在TreeView控件中对节点进行定位时,可以使用键盘上的箭头来进行这种定位.当这个TreeView控件的autoselect属性值设为TRUE时,可以使用键盘上的键来在treeview控件中滚动,以选q一个条目.如果设置为false的话,则不允许这样做.
showplus="true"
当一个treeview控件中的两个节点收到一起的时候,你可以显示一个加号(+),访问者就知道这个节点可以展开.通过设置showplus属性,你可以控制在这个位置是否显示加号.如果这个属性值设为true将使用加号;否则不使用.
showlines="true"
在一个treeview控件中的两个节点之间,可以显示一些线条,通过设置showlines属性,你可以控制是否显示这样的线条.
Expandlevel=2
这个Treeview控件的Expandlevel属性用来确定在默认的情况下,沿着这个treeview控件的层次结构展开的级别数.
<iecontrols:treeview>
---------
</iecontrols:treeview>
在这个treeview控件定义的开始和结束标记之间,可以定义一些treenode控件.-->
二、添加TreeNode
<iecontrols:treeview id = "mywebsite" autoselect = "false" showplus="true" showlines="true"
expandlevel=2 runat="server" >
<iecontrols:treenode text="我常去的站点">
<iecontrols:treenode text="设计类站点">
<idcontrols:treenode text="蓝色理想" target="_blank" navigateurl="http://www.blueidea.com/" />
<idcontrols:treenode text="有风的日子" target="_blank" navigateurl="http://www.windstudio.net/" />
<idcontrols:treenode text="设计联盟" target="_blank" navigateurl="http://www.blueidea.com/" />
</iecontrols:treenode>
<iecontrols:treenode text="编程类站点">
<iecontrols:treenode text="ASP编程">
<iecontrols:treenode text="ASP COOL" target="_blank" navigateurl="http://www.aspcool.com/" />
<iecontrols:treenode text=""/>
</iecontrols:treenode>
<iecontrols:treenode text="ASP.NET编程">
<iecontrols:treenode text="Dotnet技术网" target="_blank" navigateurl="http://www.aspx.cn/" />
<iecontrols:treenode text="asp.net" target="_blank" navigateurl="http://www.asp.net/" />
</iecontrols:treenode>
<iecontrols:treenode text="程序员大本营" target="_blank" navigateurl="http://www.csdn.net/" />
</iecontrols:treenode>
</iecontrols:treeview>
三、TreeView事件
onseletedindexchanged treenode选中状态发生改变时触发
onexpand 展开一个treenode时触发
oncollapse 折叠treenode时触发 如:<iecontrols:treeview
id="tvbaxic"
onseletedindexchanged="node_selected"
oncollapse="Node_collapse"
onexpand="Node_expand"
autopostback="true"
runat="server"
>