Chat 10 导航控件

1、OUTLINE 站点地图1 SiteMapPath控件2 Menu控件3 TreeView控件4Chapter 10 Website Navigation 10.1 站点地图 站点地图是一种以站点地图是一种以.sitemap为扩展名的标准的为扩展名的标准的XML文件文件，主要为站点导航控，主要为站点导航控件提供站点层次结构信息，默认名为件提供站点层次结构信息，默认名为Web.sitemap。.sitemap文件存储在应用程序文件存储在应用程序的根目录下的根目录下。该文件的内容是以。该文件的内容是以XML所描述的树状结构的文件，其中包括了站点所描述的树状结构的文件，其中包括了站点结构信息。结构信

2、息。TreeView、Menu、SiteMapPath控件的网站导航信息和超链接的数据控件的网站导航信息和超链接的数据都可以由都可以由.sitemap文件提供。新创建的文件提供。新创建的Web.siteMap文件的源代码如下：文件的源代码如下： 注意： 站点地图文件必须存放在应用程序的根目录下，且命名为Web.sitemap。这个文件名是不能随意改动的，否则与它绑定的SiteMapDataSource控件就无法找到数据源。Chapter 10 Website Navigation 属属 性性说说 明明url设置用于节点导航的URL地址。在整个站点地图文件中，该属性必须唯一title设置节点名称

3、description设置节点说明文字key定义表示当前节点的关键字roles定义允许查看该站点地图文件的角色集合。多个角色可使用（;）和（,）进行分隔SiteMapFile设置包含其他相关SiteMapNode元素的站点地图文件10.1 站点地图Chapter 10 Website Navigation 10.1 站点地图购物商城最新商品（newest.aspx）商品分类（depart.aspx）食品（food.aspx）计算机（computer.aspx）服装（cloth.aspx）首页（default.aspx）Chapter 10 Website Navigation 10.1 站点地

4、图 Chapter 10 Website Navigation 10.2 SiteMapPath控件 SiteMapPathSiteMapPath控件用于显示一组文本或图像超链接，以便能使用最少页面空间，控件用于显示一组文本或图像超链接，以便能使用最少页面空间，更加轻松的更加轻松的定位定位当前页面所在网站中的位置。该控件会显示一条导航路径，此路当前页面所在网站中的位置。该控件会显示一条导航路径，此路径为用户显示当前页的位置，并显示返回到主页的路径链接。它包含来自站点地径为用户显示当前页的位置，并显示返回到主页的路径链接。它包含来自站点地图的导航数据，只有在站点地图中列出的页才能在图的导航数据，

5、只有在站点地图中列出的页才能在 SiteMapPathSiteMapPath 控件中显示导航控件中显示导航数据。数据。Chapter 10 Website Navigation 10.3 Menu控件 Menu控件能够构建与控件能够构建与Windows应用程序类似的菜单栏。应用程序类似的菜单栏。Menu 控件具有两种显控件具有两种显示模式：示模式：静态模式静态模式和和动态模式动态模式。静态显示意味着。静态显示意味着 Menu 控件始终是完全展开的。控件始终是完全展开的。整个结构都是可视的，用户可以单击任何部位。而动态显示的菜单中，只有指定整个结构都是可视的，用户可以单击任何部位。而动态显示的菜

6、单中，只有指定的部分是静态的，只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。的部分是静态的，只有用户将鼠标指针放置在父节点上时才会显示其子菜单项。Chapter 10 Website Navigation 10.3 Menu控件属属 性性说说 明明DataSource获取或设置对象，数据绑定控件从该对象中检索其数据项列表DisappearAfter获取或设置鼠标指针不再置于菜单上后显示动态菜单的持续时间DynamicHorizontalOffset获取或设置动态菜单相对于其父菜单项的水平移动像素数DynamicPopOutImageUrl获取或设置自定义图像的URL，如果动态菜单项包含

7、子菜单，该图像则显示在动态菜单项中Items获取MenuItemCollection对象，该对象包含Menu控件中的所有菜单项ItemWrap获取或设置一个值，该值指示菜单项的文本是否换行MaximumDynamicDisplayLevels获取或设置动态菜单的菜单呈现级别数Orientation获取或设置Menu控件的呈现方向SelectedItem获取选定的菜单项SelectedValue获取选定菜单项的值Chapter 10 Website Navigation 10.4 TreeView控件 TreeView 控件由一个或多个节点构成。树中的每个项都被称为一个控件由一个或多个节点构成。

8、树中的每个项都被称为一个节点节点，由，由 TreeNode 对象表示。对象表示。TreeView控件的组成如图所示。位于图中最上层的为控件的组成如图所示。位于图中最上层的为根节点根节点（RootNode），再下一层的称为），再下一层的称为父节点父节点（ParentNode），父节点下面的几个节点），父节点下面的几个节点则称为则称为子节点子节点（ChildNode），而子节点下面没有任何节点则称为），而子节点下面没有任何节点则称为叶节点叶节点（LeafNode）。）。根节点父节点子节点子节点叶节点图 TreeView控件的组成 Chapter 10 Website Navigation 10.4

9、 TreeView控件 TreeView 控件主要支持以下功能：控件主要支持以下功能：p 支持数据绑定。允许将控件的节点绑定到分层数据（如：支持数据绑定。允许将控件的节点绑定到分层数据（如：XML、表格等）。、表格等）。p 与与SiteMapDataSource控件集成，实现站点导航功能。控件集成，实现站点导航功能。p 节点文字可显示为普通文本或超链接文本。节点文字可显示为普通文本或超链接文本。p 可自定义树形和节点的样式、主题等外观特征。可自定义树形和节点的样式、主题等外观特征。p 可通过编程方式访问可通过编程方式访问TreeView对象模型，完成动态创建树形结构、构造节点对象模型，完成动态

10、创建树形结构、构造节点和设置属性等任务。和设置属性等任务。p 具有在节点显示复选框的功能。具有在节点显示复选框的功能。Chapter 10 Website Navigation 10.4 TreeView控件属属 性性说说 明明AutoGenerateDataBindings获取或设置TreeView服务器控件是否自动生成树节点绑定CheckedNodes用于获取TreeView控件中被用户选中CheckBox的节点集合CollapseImageToolTip获取或设置可折叠节点的指示符所显示图像的提示文字CollapseImageUrl获取或设置节点在折叠状态下，所显示图像的URL地址Dat

11、aSource获取或设置绑定到TreeView服务器控件的数据源对象DataSourceID获取或设置绑定到TreeView服务器控件的数据源控件的IDEnableClientScript获取或设置TreeView服务器控件是否呈现客户端脚本以处理展开和折叠事件ExpandDepth获取或设置默认情况下TreeView服务器控件展开层次数ExpandImageToolTip获取或设置可展开节点的指示符所显示图像的提示文字ExpandImageUrl获取或设置用作可展开节点的指示符的自定义图像的URLImageSet获取或设置TreeView服务器控件的图像组，是TreeViewImageSet

12、枚举值之一LineImagesFolder获取或设置用于连接子节点和父节点的线条图像的文件夹的路径MaxDataBindDepth获取或设置要绑定到TreeView服务器控件的最大树级别数NodeIndent获取或设置TreeView服务器控件的子节点的缩进量，单位是像素Chapter 10 Website Navigation 10.4 TreeView控件属属 性性说说 明明Nodes用于获取TreeView控件中的TreeNode对象集合。可通过特定方法，对树型结构中的节点进行添加、删除、修改等操作NodeWrap获取或设置空间不足时节点中的文本是否换行NoExpandImageUrl获

13、取或设置不可展开节点的指示符的自定义图像的URLPathSeparator获取或设置用于分隔由ValuePath属性指定的节点值的字符，为防止冲突和得到错误的数据，节点的Value属性中不应当包含分隔符字符PopulateNodesFromClient获取或设置是否启用由客户端构建节点的功能SelectedNode获取TreeView服务器控件中选定节点的TreeNode对象SelectedValue获取TreeView服务器控件中选定节点的值ShowCheckBoxes获取或设置哪些节点类型将在TreeView控件中显示复选框ShowExpandCollapse获取或设置是否显示展开节点指示

14、符ShowLines获取或设置是否显示连接子节点和父节点的线条Target获取或设置单击节点时网页内容的目标窗口或框架名字Chapter 10 Website Navigation 10.4 TreeView控件事事 件件说说 明明SelectedNodeChanged 在TreeView控件中选定某个节点时发生TreeNodeCheckChanged当TreeView服务器控件的复选框在向服务器的两次发送过程之间状态有所更改时发生TreeNodeExpanded当展开TreeView服务器控件中的节点时发生TreeNodeCollapsed当折叠TreeView服务器控件中的节点时发生Tre

15、eNodePopulate当其PopulateOnDemand属性设置为true的节点在TreeView服务器控件中展开时发生TreeNodeDataBound当数据项绑定到TreeView服务器控件中的节点时发生Chapter 10 Website Navigation 10.4 TreeView控件 TreeView控件的基本功能可以总结为：控件的基本功能可以总结为：将有序的层次化数据，显示为树形结构。将有序的层次化数据，显示为树形结构。 添加根节点 使所选节点成为其父节点的同级节点 使所选节点成为其父节点的同级节点 在同级间将节点上移 移除节点 添加子节点 Chapter 10 Webs

16、ite Navigation 10.4 TreeView控件 Chapter 10 Website Navigation 10.4 TreeView控件 程序实现的主要步骤如下：程序实现的主要步骤如下：（1）新建一个网站，默认主页为）新建一个网站，默认主页为Default.aspx。在。在Default. aspx页上添加一个页上添加一个 TreeView控件和一个控件和一个SiteMapDataSource控件。控件。（2）添加一个）添加一个Web.sitemap文件，该文件包括一个根节点和多个嵌套节点，并且文件，该文件包括一个根节点和多个嵌套节点，并且 为每个节点都添加了为每个节点都添加了

17、url（超链接地址）、（超链接地址）、title（显示节点名称）、（显示节点名称）、 description（节点说明文字）属性。（节点说明文字）属性。（3）指定）指定TreeView控件的控件的DataSourceID属性值为属性值为“SiteMapDataSource1”。注意：注意：SitMapDataSource控件默认处理控件默认处理Web.sitemap文件，所以不需要相关设置。文件，所以不需要相关设置。 Chapter 10 Website Navigation 10.4 TreeView控件 Chapter 10 Website Navigation 10.4 TreeView

18、控件10.4 TreeView控件程序实现的主要步骤如下：程序实现的主要步骤如下：（1）新建一个网站，默认主页为）新建一个网站，默认主页为Default.aspx。在。在Default.aspx页上添加一个页上添加一个 TreeView控件。控件。（2）在后台代码页中定义一个）在后台代码页中定义一个BindDataBase方法，用于将数据库中的数据绑定方法，用于将数据库中的数据绑定 到到TreeView控件上。代码如下：控件上。代码如下：Chapter 10 Website Navigation 10.4 TreeView控件10.4 TreeView控件using System.Data.S

19、qlClient;public void BindDataBase() SqlConnection sqlCon = new SqlConnection(); sqlCon.ConnectionString = Data Source=.;Initial Catalog=db1;User ID=sa;Password=123; SqlDataAdapter da = new SqlDataAdapter(select userName,userPass,nickName,sex,phone from tb_userInfo, sqlCon); DataSet ds = new DataSet(); da.Fill(ds, tb_ss); TreeNode tree1 = new TreeNode(用户信息); this.TreeView1.Nodes.Add(tree1); for (int i = 0; i ds.Tablestb_ss.Rows.Count; i+) TreeNode tree