ASP.NET 2.0页面框架的几点新功能-阿里云开发者社区

开发者社区> 开发与运维> 正文

ASP.NET 2.0页面框架的几点新功能

简介:

新增的页面事件
在ASP.NET 2.0中,一个ASP.NET页面的生命周期主要为(红色字体表示ASP.NET 2.0新增加的阶段页面事件):客户端请求页面—》预初始化(OnPreInit)—》初始化(OnInit)—》完成初始化(OnInitComplete)—》载入ViewState(LoadViewState)—》处理回送数据(IPostBackDataHandler)—》Page_OnPreLoad—》Page_OnLoad—》回发更改通知(RaisePostDataChangedEvent)—》处理回发事件(RaisePostBackEvent)—》Page_OnLoadComplete—》预呈现(OnPreRender)—》完成预呈现(OnPreRenderComplete)—》保存ControlState(SaveControlState)—》保存ViewState(SaveViewState)—》呈现(Render)—》Page_UnLoad。
  • OnPreInit:在初始化页面OnInit事件前触发。在这个阶段里,可以进行定义站点主题(Theme)或加载站点个性化所需要的数据信息等操作。
  • OnInitComplete:完成初始化页面OnInit事件后触发。
  • OnPreLoad:在加载页面OnLoad事件前触发。
  • OnLoadComplete:完成页面加载OnLoad事件后触发。
  • OnPreRenderComplete:在完成预呈现OnPreRender事件后触发。这是完成页面呈现的最后一道关卡,在此之后,页面将无法再进行任何呈现上的改动。
  • SaveControlState:保存控件状态ControlState。ControlState是ASP.NET2.0控件新增的一个属性,类似ViewState作用,但它们区别在于ControlState用于保存更加重要的控件状态信息,以保证在禁用ViewState的情况下还可以对控件状态进行读写操作。
增加对页面Header的控制:
System.Web.UI.Page类新增加了Header属性,用于对HTML页面头区域里数据的操作。通过对Header属性的跟踪,可以发现,Header属性保存着一个实现IPageHeader接口的对象(该对象有LinkedStyleSheets、Metadata、StyleSheet和Title四个属性),实际上正是通过这个对象实现对HTML页面头区域里数据的操作的。例如:
<script runat="server">
void Page_Load(object sender, System.EventArgs e)
{
    
this.Header.Metadata.Add("author""brooks");
}
</script>
其运行结果为:
<html>
<head> <title>Untitled Page</title>
    
<meta name="author" content="brooks" />
</head>
定义表单中的默认按钮:
在ASP.NET1.0中,我就为了设置表单中的默认按钮而一筹莫展。幸好ASP.NET2.0把这个功能补上了,现在可以非常方便的设置表单中的默认按钮了。
<%@ page language="C#" %>
<script runat="server">
void Button1_Click(object sender, System.EventArgs e)
{
    
this.LB_Message.Text = "You clicked button1";
}
</script>
<html>
<head runat="server">
    
<title>Untitled Page</title>
</head>
<body>
    
<form runat="server" defaultbutton="Button1">
        
<asp:textbox id="Textbox1" runat="server"></asp:textbox>
        
<asp:button id="Button1" runat="server" text="Button" onclick="Button1_Click" />
        
<asp:label id="LB_Message" runat="server"></asp:label>
    
</form>
</body>
</html> 设置焦点
现在假设为TextBox1控件设置焦点,在ASP.NET 2.0中可以这样实现:
this.Textbox1.Focus();  或 this.SetFocus(this.Textbox1); 即可为TextBox1控件设置焦点。
如果打算也为表单设置个默认焦点控件,让光标默认停留在TextBox1上:
<form runat="server" defaultfocus="TextBox1"> 跨页面数据发送
如果你需要多个页面发送数据到同一个表单程序进行处理,或者数据在多个页面之间传输处理的话,你就可以使用ASP.NET 2.0这个新特性。例如,我打算把Default.aspx页里TextBox1里的文本数据发送到Default2.aspx页面进行处理:
Default.aspx页:
<%@ Page Language="C#" %>
<script runat="server">
    
void Button2_Click(object sender, EventArgs e)
    {
        Label1.Text 
= "Hi," + TextBox1.Text + ". This is Default.aspx";
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>Untitled Page</title>
</head>
<body>
    
<form id="form1" runat="server">
        
<asp:TextBox ID="TextBox1" Runat="server"></asp:TextBox>
        
<asp:Button ID="Button1" Runat="server" Text="PostToAnotherPage" PostBackUrl="~/Default2.aspx" />
        
<asp:Button ID="Button2" Runat="server" Text="PostToSelf" OnClick="Button2_Click" />
        
<br />
        
<asp:Label ID="Label1" Runat="server" Text="Label"></asp:Label>
    
</form>
</body>
</html>
Default2.aspx页:
<%@ Page Language="C#" %>
<script runat="server">
    
void Page_Load(object sender, System.EventArgs e)
    {
        TextBox textBox1 
= (TextBox)PreviousPage.FindControl("TextBox1");
        
this.Label1.Text = "Hi," + textBox1.Text + ". This is Default2.aspx!";
    }
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>Untitled Page</title>
</head>
<body>
    
<form id="form1" runat="server">
    
<asp:label id="Label1" runat="server"></asp:label>
    
</form>
</body>
</html>

asp.net 2.0中的defaultulr属性

在asp.net 2.0中,在web.config文件中,新增加了defaulturl属性,这个可以在用户登陆后,转向指定的一个页面。当在.net 2.0中使用RedirectFromLoginPage() 方法时,将自动跳转到defaulturl指定的地址,下面是个例子
   <authentication mode="Forms">
  <forms loginUrl="member_login.aspx"
         defaultUrl="index.aspx" />
</authentication>

1、提交后的回发时能自动进入上次的当前位置

例如,如果数据项导致大型页回发,则最终用户需要将页滚动到此前正在编辑它们的位置,才能继续。页开发人员通过以下方法可以简单地标记窗体,以维持滚动位置:在 @Page 指令中将 MaintainScrollPositionOnPostBack 属性设置为 true,或在 Web.config 中进行此设置,以应用于应用程序中的所有页。

2、Button 控件的 OnClientClick 属性允许您在此按钮被单击时以编程方式运行客户端脚本。该按钮呈现客户端 onclick 属性以及按钮自身的 Javascript。

3、用于控件的一个令人惊喜的新功能是“客户端回调”,该功能允许控件向服务器执行带外请求以获取附加数据,而不发送整页。此功能依赖于用于回调处理(通常通过 XMLHTTP)的浏览器支持,该支持由 SupportsClientCallbacks 在浏览器功能中指定。

其实一般的无刷新页面就可以使用客户端回调来实现,只有复杂的才需要使用AJAX等

None.gif<%@ Page Language="C#" AutoEventWireup="true" EnableEventValidation="false" CodeFile="CallBackEventHandler_cs.aspx.cs" Inherits="CallBackEventHandler_cs" %>
None.gif
None.gif
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
None.gif
None.gif
<html xmlns="http://www.w3.org/1999/xhtml" >
None.gif
<head runat="server">
None.gif   
<title>Client CallBack</title>
None.gif
</head>
None.gif
<body>
None.gif
<form id="Form1" runat="server">
None.gif
None.gif   
<h3>Cascading DropDownLists Using ICallBackEventHandler</h3>
None.gif   
<asp:DropDownList ID="ParentDropDown"
None.gif    onchange
="GetChildren(this.options[this.selectedIndex].value, 'ddl');"   
None.gif    Runat
="server">
None.gif     
<asp:ListItem Text="Item 1" />
None.gif     
<asp:ListItem Text="Item 2" />
None.gif     
<asp:ListItem Text="Item 3" />
None.gif   
</asp:DropDownList>
None.gif   
<asp:DropDownList ID="ChildDropDown" AutoPostBack="true" style="visibility:hidden" Runat="Server">
None.gif    
<asp:ListItem Text="Child Item" />
None.gif   
</asp:DropDownList>
None.gif   
<br /><br />
None.gif   
<asp:Label ID="Label1" runat="server"/>
None.gif
None.gif   
<script type="text/javascript">
None.gif
ExpandedBlockStart.gif   function ClientCallback(result, context)
{
InBlock.gif
InBlock.gif      var childDropDown 
= document.forms[0].elements['<%=ChildDropDown.UniqueID%>'];
InBlock.gif
ExpandedSubBlockStart.gif      
if (!childDropDown){
InBlock.gif         
return;
ExpandedSubBlockEnd.gif      }

InBlock.gif
InBlock.gif      childDropDown.length 
= 0;
InBlock.gif
ExpandedSubBlockStart.gif      
if (!result){
InBlock.gif          
return;
ExpandedSubBlockEnd.gif      }

InBlock.gif      
InBlock.gif      var rows 
= result.split('|'); 
ExpandedSubBlockStart.gif      
for (var i = 0; i < rows.length; ++i){
InBlock.gif         var option 
= document.createElement("OPTION");
InBlock.gif         option.value 
= rows[i];
InBlock.gif         option.innerHTML 
= rows[i];     
InBlock.gif         childDropDown.appendChild(option);
ExpandedSubBlockEnd.gif      }

InBlock.gif      
InBlock.gif      childDropDown.style.visibility 
= "visible";
ExpandedBlockEnd.gif   }

None.gif
ExpandedBlockStart.gif   function ClientCallbackError(result, context)
{
InBlock.gif      alert(result);
ExpandedBlockEnd.gif   }

None.gif
None.gif   
</script>
None.gif
None.gif
</form>
None.gif
</body>
None.gif
None.gif
</html>
None.gif

None.gif//-----------------------------------------------------------------------
None.gif
//  This file is part of the Microsoft .NET SDK Code Samples.
None.gif
// 
None.gif
//  Copyright (C) Microsoft Corporation.  All rights reserved.
None.gif
// 
None.gif
//This source code is intended only as a supplement to Microsoft
None.gif
//Development Tools and/or on-line documentation.  See these other
None.gif
//materials for detailed information regarding Microsoft code samples.
None.gif
// 
None.gif
//THIS CODE AND INFORMATION ARE PROVIDED AS IS WITHOUT WARRANTY OF ANY
None.gif
//KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
None.gif
//IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
None.gif
//PARTICULAR PURPOSE.
None.gif
//-----------------------------------------------------------------------
None.gif

None.gif
using System;
None.gif
using System.Web.UI;
None.gif
None.gif
public partial class CallBackEventHandler_cs : System.Web.UI.Page, ICallbackEventHandler
ExpandedBlockStart.gif
{
InBlock.gif    
private string _callbackResult;
InBlock.gif
InBlock.gif    
private void Page_Load(object source, EventArgs e)
ExpandedSubBlockStart.gif    
{
InBlock.gif        String callBack 
= Page.ClientScript.GetCallbackEventReference(this"arg""ClientCallback""context""ClientCallbackError"false);
InBlock.gif        String clientFunction 
= "function GetChildren(arg, context){ " + callBack + "; }";
InBlock.gif        Page.ClientScript.RegisterClientScriptBlock(
this.GetType(), "GetChildren", clientFunction, true);
InBlock.gif
InBlock.gif        
if (Page.IsPostBack && !Page.IsCallback)
ExpandedSubBlockStart.gif        
{
InBlock.gif            Label1.Text 
= "You Selected: " + Request.Form["ParentDropDown"+ "" + Request.Form["ChildDropDown"];
ExpandedSubBlockEnd.gif        }

ExpandedSubBlockEnd.gif    }

InBlock.gif
InBlock.gif    
public string GetCallbackResult()
ExpandedSubBlockStart.gif    
{        
InBlock.gif        
return _callbackResult;
ExpandedSubBlockEnd.gif    }

InBlock.gif
InBlock.gif    
public void RaiseCallbackEvent(string eventArgument)
ExpandedSubBlockStart.gif    
{
InBlock.gif        
switch (eventArgument)
ExpandedSubBlockStart.gif        
{
InBlock.gif            
case "Item 1":
InBlock.gif                _callbackResult 
= "One|Two|Three";
InBlock.gif                
break;
InBlock.gif            
case "Item 2":
InBlock.gif                _callbackResult 
= "Four|Five|Six";
InBlock.gif                
break;
InBlock.gif            
case "Item 3":
InBlock.gif                _callbackResult 
= "Seven|Eight|Nine";
InBlock.gif                
break;
InBlock.gif            
default:
InBlock.gif                _callbackResult 
= "";
InBlock.gif                
break;
ExpandedSubBlockEnd.gif        }

ExpandedSubBlockEnd.gif    }

InBlock.gif
ExpandedBlockEnd.gif}

None.gif
 

1、在CallBack之后保持滚动条的位置

Asp.Net1.1中,CallBack之后保持滚动条的位置是一件非常痛苦的事情,特别是页中有一个Grid并且想要编辑特定的行。为了不停留在想要得行,页面会重新加载并且必须在顶部向下滚动。在Asp2.0中,只需要简单的在页面的属性中加入MaintainScrollPostionOnPostBack属性即可:

<%@ Page Language="C#" MaintainScrollPositionOnPostback="true" AutoEventWireup="true" CodeFile="dot.gif" Inherits="dot.gif" %>

 

5、简单的寻找固定的控件。

 

在页面的控件中按层次寻找控件很痛苦,但是如果你知道控件怎样固定在页面中,就可以用简写”$”来查找控件而不用写递归的代码。请看下面代码,注意”$”的使用:

<form id="form1" runat="server" DefaultFocus="formVw$txtName">
    
<div>
        
<asp:FormView ID="formVw" runat="server">
            
<ItemTemplate>
                Name: 
                
<asp:TextBox ID="txtName" runat="server" 
                    Text
='<%# Eval("FirstName") + " " + Eval("LastName") %>' />
            
</ItemTemplate>
        
</asp:FormView>
    
</div>
</form>
这个小技巧也可以用在服务器端的 使用FindControl()函数时:
TextBox tb = this.FindControl("form1$formVw$txtName") as TextBox;
if (tb != null)
{
    //Access TextBox control


5、强类型访问跨页提交的控件

这个比其他的要内容多一点,但是很有用。ASP.NET 2.0引入了交叉回发的概念使得一个页面可以将信息回发到另一个不同的页面,可以将button控件的PostBackUrl属性设置为接受回发数据的页面来完成。一般的,回发的数据可以象前一页那样做一些事情。但是,如果你要获得前一页制定控件的属性就需要一个cast(),如果你给引起回发的code-behide页面添加了一个公共属性,你就可以直接以强类型的方式添加PreviousPageType来指向引起回发的页面从而能够访问那个属性。

如果有一个页面Default.aspx,他有一个公共属性来返回此页面上一个TextBox,数据回发目的页(SearchResults.aspx)可以以强类型的方式(不需要FindControl() 方法),在页面的顶部添加:

<%@ PreviousPageType VirtualPath="Default.aspx" %> 

这样,SearchResults.aspx中代码就可以以强类型的方式访问Default.aspx的TextBox。下面的例子假定Default.aspx定义的属性名为SearchTextBox:

TextBox tb = PreviousPage.SearchTextBox; 
PreviousPageType还有一个TypeName属性,你可以定义一个基本类型,一个或多个页面从此类型继承下来,使得这种技术可以在多页面上使用。PreviousPage.IsCrossPagePostBack可以判断是否为垮页提交。 

对于跨页提交的补充:

ASP.NET 1.X 版本中,页面都是提交到自己本身,并不能方便的指定需要提交的目的页面。例如FirstPage.aspx中的button只能提交到 FirstPage.aspx,而不能提交到SecondPage.aspx。很多时候,ASP.NET 1.X这样工作方式使我们的开发方式受到不少限制。熟悉ASP/JSP/PHP的朋友大概很不习惯,因为以前经常使用的提交方式突然无法使用,虽然也有解决这个问题的方法(欲详细了解的读者可去微软网站收看webcast),可是过程太烦琐,不甚方便。令我们高兴的是,ASP.NET 2.0中有了跨页面提交的简单方法。可在第一个页面中的button添加PostBackUrl属性设置为接受提交的页面,并且这个页面增加PreviousPageType 指令,若要是目标页面在新窗口中打开则可以在源页面<form>标记增加target=’_blank’属性。

6、强类型访问母版页的控件

PreviousPageType指令并不是唯一的可以强类型访问控件的方法。如果在母版页中定义了一个公共属性,并且想要以强类型的方式访问它,那么就可以在页面顶部添加MasterType指令(注意:MasterType指令同PreviousPageType一样允许定义一个TypeName)

<%@ MasterType VirtualPath="MasterPage.master" %> 

你可以在内容页书写如下的代码来访问目标母版页的属性:

this.Master.HeaderText = "Label updated using MasterType directive with VirtualPath attribute."



本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2005/11/18/279333.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章