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、新建站点地图
2
、编写站点地图
3
、开始绑定:在TreeView任务的选择数据源下拉框中选择新建数据源——在数据源配置向导的选择数据源类型中选择站点地图——单击确定

绑定XML

1、新建XML文件
2
、编写XML文件
3
、开始绑定:在TreeView任务的选择数据源下拉框中选择新建数据源——在数据源配置向导的选择数据源类型中选择XML文件——单击确定——在配置数据源的数据文件——单击浏览——选定所要绑定XML文件——单击确定——单击确定
4
、编数据绑定:在TreeView任务的编辑TreeNode数据绑定——在可用数据绑定框中选择节点——单击添加——修改数据绑定属性的TexField——选择要显示的元素——单击确定



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在母版页中步存在,将会发生错误

 

posted @ 2010-01-30 14:04  枫叶蓝916  阅读(2447)  评论(0编辑  收藏  举报