单元五 导航控件和用户控件精品.pptVIP

* 单元五 站点地图和导航控件 任务一 站点地图 任务二 TreeView控件 任务三 Menu控件 任务四 用户控件 任务五 模板页的制作 本单元要点 学会常用的导航控件的使用； 学会用户控件的使用； 学会模板页的创建和使用。 任务一 站点导航 一、站点地图 1、站点地图：是一种扩展名为.sitemap的标准XML文件，用来定义整个站点的结构、各页面的链接、相关说明和其他相关定义。 2、站点地图的组成 包含一个根节点siteMap，在根节点下包括多个siteMapNode字节点。 3、站点地图的创建原则： （1）地图以siteMap元素开始 siteMap xmlns=/AspNet/SiteMap-File-1.0 …… /siteMap 注：xmlns的属性是必须的，该属性说明此XML文件使用了网站地图标准。 （2）每一页由siteMapNode元素来描述 siteMapNode url=~/index.aspx title=主页 description=主页面 站点地图文件定义的是一个网站的组织结构，利用siteMapNode元素向该组织结构插入一个页面。 （3）siteMapNode元素可以嵌套 （4）每一个站点地图都是以单一的siteMapNode元素开始的，即每一个站点地图都要包含一个根节点，其他所有结点都要包含在根节点下。 （5）不允许重复的URL URL可以为空，但不允许重复，因为每项是以URL为索引的。 任务1_1：创建当前网站的网站地图 二、SiteMapDataSource控件 1、作用：是一个数据源控件，利用该控件可使服务器控件绑定到分层的站点地图数据。 利用该控件可绑定到站点地图数据，并基于在站点地图层次结构中指定的起始节点，在Web服务器控件中显示其视图。 默认情况，起始节点为根节点，但也可以是层次结构中的任何其它节点。 2、常用属性 （1）StarFromCurrentNode （2）StartingNodeUrl 三、SiteMapPath控件 1、作用：显示一个导航路径，此路径为用户显示当前页的位置，并显示返回主机的路径链接。 2、属性： （1）PathDirection：获取或设置导航路径节点的呈现顺序； （2）PathSeparator：获取或设置一个字符串，该字符串在呈现的导航路径中分隔SiteMapPath节点； （3）PathSeparatorStyle：获取用于PathSeparator字符串的样式； （4）CurrentNodeStyle：获取用于当前节点显示文本的样式； （5）NodeStyle：获取用于站点导航路径中所有节点的显示文本的样式； （6）RootNodeStyle：获取根节点显示文本的样式； 任务1_2：利用SiteMapPath显示某网页的当前位置，效果如下图所示： 要求：当单击“主页”时可以转到主页页面。 任务二 TreeView控件 1、作用：创建一个树状结构图，以便让用户能够在节点的各层次中进行导航。 2、控件的组成元素 （1）一个TreeView控件可以由任意多个TreeNode元素组成； （2）TreeNode:可以关联文本和图像，还可以显示为超链接并与某个URL相关联。 注：每个TreeNode元素还可包含多个TreeNode。 （3）TreeNodeType：表示一种TreeNode类型，即一组或者一个节点的样式。 3、控件和元素的常用属性 （1）ShowExpandCollapse：设置节点折叠时是否显示“+”标记； （2）ShowLines：节点之间是否使用短线连接； （3）ExpandDepth：一个整数值，用于设置默认情况下，TreeView控件层次结构展开的级别数。 （4）CollapseImageURL：单击TreeNode折叠时节点关联图像URL； （5）ExpandImageURL：单击TreeNode展开时节点关联图像URL； （6）HoverNodeStyle：设置鼠标移到节点显示的样式； （7）LeafNodeStyle： TreeView的子节点使用的样式； （8）NodeStyle：应用于所有节点的默认样式； （9）RootNodeStyle：TreeView的根节点使用的样式； （10）SelectedNodeStyle：设置选定节点使用的样式。 4、使用TreeView控件 （1）从“工具箱”?“导航”中添加 （2）右击控件，选择“自动套用格式