Home思洋影视事业部网站建设知识库
0 Comments

利用TreeView 控件实现导航

发布于：2012-12-05  |   作者：广州网站建设  |   已聚集：人围观
     TreeView 控件能够建立可展开且垂直显示的树状结构。TreeView树视图控件并不局限于Web.sitemap文件，也可以将它绑定到常规XML文件，甚至通过程序来创建一个TreeView。TreeView控件的常用属性如表7-6所示。
 TreeViewMenu控件的常用属性
属    性 属 性 描 述
CssClass 允许设置应用到整个控件的CSS类属性
 CollapseImageUrl 隐藏树状结构的图片
 ExpandImageUrl 展开树状结构的图片
 ImageSet 隐藏与展开树状结构使用的图片集，
常用值有 Arrows、Contacts、Events、
Inbox、Faq 和 News 等16种
 ExpandDepth 显示几层树状结构
 ShowLines 是否显示连接父节点与子节点
的连接线，True 为显示，False 为隐藏
 RootNodeStyle 根节点的样式
 HoverNodeStyle 当鼠标移至该节点时显示的样式
 SelectedNodeStyle 选取节点的样式
 ParentNodeStyle 父节点的样式
 LeafNodeStype 最后一个子节点的样式
 
     利用TreeView控件构建一个导航系统，当单击"节点"时，导航到对应的网页。
(1) 复制Web站点Ex7_7，修改其名称为Ex7_9。
(2) 在VWD 2008中打开Ex7_9。
(3) 在【解决方案资源管理器】双击Default.aspx，插入一个DIV标记，从【工具箱】的【导航】类别中，拖动一个TreeView 控件放到DIV标记之间。生成的代码如下所示：


    
	
  1. 
		<asp:TreeView ID="TreeView1" runat="server"> </asp:TreeView>
    2. 


(4) 切换到【设计】视图。单击TreeView 控件的智能标记(灰色右箭头)打开【TreeView 任务】快捷菜单。在【选择数据源】下拉列表中选择SiteMapDataSource1。如图7-10所示。这是为Menu控件创建的数据源控件。一旦选择了数据源，【设计】视图中的TreeView控件就会被更新；它现在会显示站点地图文件中的正确菜单项。

(5) 打开TreeView控件中的Properties面板，并将ShowExpandCollapse属性设置为False。这将隐藏要展开和折叠的图像。

(6) 保存所有修改并在浏览器中打开Default.aspx。执行结果如图7-11所示。



	
		

			
				
		

		

			
				图7-10  为TreeView 控件选择数据源
		

	




	
		

			
				
		

		

			
				图7-11  【例7-9】执行结果
		

	



			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机