ASP.NET学习笔记2----用站点导航控件与母版页搭建页面框架
Lable控件 | |
属性 |
说明 |
ID |
控件的唯一标识,所有服务器都有 |
Text |
显示文本(如果在此控件里加入HTML标签,服务器会解析) |
Visible |
布尔类型,设置控件是否可见。默认为true(呈现)。这是所有服务器控件共有的属性 |
ForeColor |
设置前景色,这是所有服务器控件共有的属性,Lable中就识所有显示文字的颜色 |
Button控件常用属性和事件 | |
属性或事件 |
说明 |
Text属性 |
按钮上显示的文字,虽然不是所有服务器共有的特征,但该属性的出现还是比较频繁的 |
PostBackUrl属性 |
这是按钮的特性,按钮可以将页面提交到另外一个页面,由该属性确定 |
CausesValidation属性 |
是否导致激发验证 |
Click事件 |
控件被单击并且CommandName未复制时激发该事件,它是按钮最常用的事件 |
TextBox 控件常用属性和事件 | |
属性或事件 |
说明 |
AutoPostBack属性 |
布尔值,指定是否自动回发到服务器。默认为false |
AutoCompleteType属性 |
自动完成类型,比如设置该类型为 E-mail,则显示浏览器中记录的自动完成的E-mail地址 |
TextMode属性 |
枚举类型,SingleLine为默认值,显示一行文字;Password内容显示为星号;MulitiLine是显示多行文本内容 |
Text属性 |
设置或者获取控件的文本内容 |
ReadOnly属性 |
指示该控件内容是否可编辑,默认为false |
Wrap属性 |
布尔值,指示多行文本中的文本是否可以换行,默认为true;如果设置为false,则会显示一个水平滚动条 |
TextChang事件 |
当文本发生变化且失去焦点时触发的事件。注意该事件需要配合 AutoPostBack使用,因为只有自动回发到服务器,文本改变的事件才会执行 |
SiteMapPath控件(面包屑导航)
步骤:
1、添加SiteMapPath控件(导航)
2、新建站点地图
3、编写站点地图
<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
<siteMapNode url="" title="" description="">
<siteMapNode url="" title="" description="" />
<siteMapNode url="" title="" description="" />
</siteMapNode>
</siteMap>
节点描述 | |
sitMap |
根节点,一个站点地图只能有一个siteMap元素。 |
sitMapNode |
对应于页面的节点,一个节点描述一个页面。 |
title |
描述页面(这个页面头部的<title>标记没有任何联系,虽然他们的值可以相同) |
url |
文件在解决方案中的位置。 |
description |
说明性文本 |
编写注意事项:
站点地图根节点为<siteMap>元素,每个文件有且仅有一个根节点。
<siteMap>下一级有且仅有一个<siteMapNode>节点。
<siteMapNode>下面可以包含多个新的<siteMapNode>节点。
在站点地图中,同一个URL仅能出现一次。
4、根据站点地图创建其他页面
注意:站点地图中必须有当前页的URL,否则该站点导航控件将不会显示。
SiteMapPath控件常用属性 | |
属性 |
说明 |
pathSeparator |
控制分隔符。可以通过编辑模板更改分隔符为任意样式,比如为图片 |
parentLevelsDisplayed |
要显示的父节点的级数,用于控制导航显示的级数,如果导航过深,可能影响美观,则需要通过该属性控制级数,默认情况下,该值为-1,表示无限制。 |
TreeView导航控件
步骤
1、添加TreeView控件(导航)
2、绑定方式
绑定站点地图 |
1、新建站点地图 |
绑定XML |
1、新建XML文件 |
3、设置格式:在TreeView任务的选择自动套用格式——在自动套用格式对话框中选择需要的样式——单击确定
TreeView数据绑定的常用属性 | |
TexField |
设置显示文字所绑定的字段或元素 |
NavigateUrlField |
设置链接对应的字段或元素值 |
母版页
概念:是以“.master”作为后缀名的文件,它可以将页面上的公共元素整合在一起
优点:
1、有利于站点修改和维护,降低开发人员的工作强度。
2、提供高效的内容整合能力。
3、有利于实现页面布局。
4、提供一种便于利用的对象模型。
普通页面与母版页面的区别 | ||
方面 |
普通页面 |
母版页面 |
声明 |
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="..." Inherite="..." %> |
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="..." Inherite="..." %> |
扩展名 |
普通页面是.aspx |
母版页面是.master |
ContentPlaceHolder控件 |
普通页不可以使用此控件 |
母版页可以有一个或多个ContentPlaceHolder控件(标准) |
将静态页面转换成母版页
1、新建母版页
2、将静态页面<head>标签里的文本复制到母版页的<head>标签里
3、将静态页面<body>标签里的文本复制到母版页的<body>标签里
4、在母版页中添加ContentPlaceHolder控件区
应用母版页 | |
创建内容页 |
方法1、在新建Web 窗体时将右下角的选择母版页框勾上——单击添加——在弹出的选择母板页对话框中的项目文件夹中选择母版页——单击确定然后将静态页面复制到<asp:Content></asp:Content>内——最后删除<html><head><link><meta><body><form> 方法2、在母版页上右键单击——选择添加内容页——然后就可以在ContentPlaceHolder控件区添加内容 |
将现有页改为内容页 |
在@Page 标记指定 MasterPageFile 位置——去除内容页的多余 html 标签——去除form标记——创建<asp:Content>标签,并放入对应的内容——指定相应的ContentPlaceHolderID |
内容页代码含义 | |
代码 |
含义 |
MasterPageFile |
用于指定所使用的母版页的路径 |
Title |
用于设置内容页显示的标题 |
ContentPlaceHolderID |
用于控制该Content控件在页面中的位置,即指定所对应的母版页中ContentPlaceHoder控件的ID,如果指定的ID在母版页中步存在,将会发生错误 |