单元五 导航控件和用户控件_第1页
单元五 导航控件和用户控件_第2页
单元五 导航控件和用户控件_第3页
单元五 导航控件和用户控件_第4页
单元五 导航控件和用户控件_第5页
已阅读5页，还剩18页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

单元五站点地图和导航控件任务一

站点地图任务二TreeView控件任务三Menu控件任务四用户控件任务五模板页的制作本单元要点学会常用的导航控件的使用；学会用户控件的使用；学会模板页的创建和使用。任务一站点导航一、站点地图

1、站点地图：是一种扩展名为.sitemap的标准XML文件，用来定义整个站点的结构、各页面的链接、相关说明和其他相关定义。

2、站点地图的组成包含一个根节点siteMap，在根节点下包括多个siteMapNode字节点。3、站点地图的创建原则：（1）地图以<siteMap>元素开始

<siteMapxmlns="/AspNet/SiteMap-File-1.0">

……</siteMap>注：xmlns的属性是必须的，该属性说明此XML文件使用了网站地图标准。

（2）每一页由<siteMapNode>元素来描述

<siteMapNodeurl="~/index.aspx"title="主页"description="主页面">站点地图文件定义的是一个网站的组织结构，利用<siteMapNode>元素向该组织结构插入一个页面。（3）<siteMapNode>元素可以嵌套（4）每一个站点地图都是以单一的<siteMapNode>元素开始的，即每一个站点地图都要包含一个根节点，其他所有结点都要包含在根节点下。（5）不允许重复的URLURL可以为空，但不允许重复，因为每项是以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）右击控件，选择“自动套用格式”；（3）右击控件，选择“编辑节点”命令.5、动态生成树状结构图利用Add()方法在TreeView树末尾添加一个TreeNode节点。

TreeNodenewtn=newTreeNode();

newtn.Text=TextBox1.Text;

TreeView1.Nodes.Add(newtn);

任务2_1：利用TreeView控件实现如下效果：其中，“+”可以打开，打开效果如下图所示：1、作用：支持一个主菜单和多个子菜单，并且允许定义动态菜单。2、属性：（1）DynamicHorizontalOffset：获取或设置动态菜单相地于其父菜单项的水平移动像素数；（2）DynamicHoverStyle：设置鼠标指针置于动态菜单项上时的菜单项外观；（3）DynamicMenuItemStyle：设置动态菜单中的菜单项的外观；（4）DynamicVerticalOffset：获取或设置动态菜单相对于其父菜单的垂直移动像素数；（5）Items：获取MenuItemCollection对象，该对象包含Menu控件中的所有菜单项；任务三

Menu控件（6）MaximumDynamicDisplayLevels：获取或设置动态菜单呈现级别数；（7）Orientation：获取或设置Menu控件的呈现方向；（8）PathSeparator：获取或设置用于分隔Menu控件的菜单项路径的字符；任务3_1：利用Menu控件实现如下效果：当鼠标放到带有三角图标的节点上，出现如下效果：任务四用户控件1、用户控件：是ASP.NET布局代码中可重用的部分，以.ascx为扩展名进行保存。2、作用：方便在一个应用程序中多次重用。注：一次只能被一个应用程序调用。3、用户控件的优点：（1）将某些常用的程序代码封装成用户控件，可以在应用程序中重复使用。（2）如果网页内容需要改变时，仅需要更改用户控件中的内容即可。（3）.NET支持多种语言，使用用户控件可以不受语言限制，即开发团体中每个成员可以使用自己熟悉的程序语言来编写用户控件。4、创建用户控件的规则：（1）用户控件必须使用特定的扩展名.ascx

（2）在用户控件中不可以使用<html>、<body>以及<head>这3个HTML标签；（3）用户控件中没有@Page指令，而是包含@Control指令；（4）用户控件可以单独编译，但不能单独运行。5、创建用户控件的步骤两种方法：（1）修改扩展名①修改扩展名为.ascx②将页面中的@Page换成@Control③将页面中的<html>、<body>、<head>和<form>标签去掉④将其.cs文件中的类定义那的System.Web.UI.Page换成System.Web.UI.UserControl（2）通过VS.NET创建单击“添加新项”“Web用户控件”即可。6、用户控件的使用将用户控件拖入到网页中即可。

<%@RegisterSrc="head.ascx"TagName="head"TagPrefix="uc1"%>

<uc1:headID="Head1"runat="server"/>（1）TagName：指向用户控件的名字。注：在同个命名空间里控件名称是唯一的。（2）TagPrefix：定义用户控件唯一的命名空间，并区分具有相同名称的多个用户控件之间的差异。即只要包含不同的TagPrefix，就可以拥有相同名称的不同控件。（3）Src：指向用户控件的资源文件。注：

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论