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

  1. 新增的页面事件
    在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的情况下还可以对控件状态进行读写操作。
  2. 增加对页面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 >
  3. 定义表单中的默认按钮:
    在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>
  4. 设置焦点
    现在假设为TextBox1控件设置焦点,在ASP.NET 2.0中可以这样实现:
    this.Textbox1.Focus();  this.SetFocus(this.Textbox1); 即可为TextBox1控件设置焦点。
    如果打算也为表单设置个默认焦点控件,让光标默认停留在TextBox1上:
    <form runat="server" defaultfocus="TextBox1">
  5. 跨页面数据发送
    如果你需要多个页面发送数据到同一个表单程序进行处理,或者数据在多个页面之间传输处理的话,你就可以使用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>
  6. 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等

    <% @ Page Language = " C# "  AutoEventWireup = " true "  EnableEventValidation = " false "  CodeFile = " CallBackEventHandler_cs.aspx.cs "  Inherits = " CallBackEventHandler_cs "   %>

    <! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

    < html xmlns = " http://www.w3.org/1999/xhtml "   >
    < head runat = " server " >
       
    < title > Client CallBack </ title >
    </ head >
    < body >
    < form id = " Form1 "  runat = " server " >

       
    < h3 > Cascading DropDownLists Using ICallBackEventHandler </ h3 >
       
    < asp:DropDownList ID = " ParentDropDown "
        onchange
    = " GetChildren(this.options[this.selectedIndex].value, 'ddl'); "    
        Runat
    = " server " >
         
    < asp:ListItem Text = " Item 1 "   />
         
    < asp:ListItem Text = " Item 2 "   />
         
    < asp:ListItem Text = " Item 3 "   />
       
    </ asp:DropDownList >
       
    < asp:DropDownList ID = " ChildDropDown "  AutoPostBack = " true "  style = " visibility:hidden "  Runat = " Server " >
        
    < asp:ListItem Text = " Child Item "   />
       
    </ asp:DropDownList >
       
    < br  />< br  />
       
    < asp:Label ID = " Label1 "  runat = " server " />

       
    < script type = " text/javascript " >

       function ClientCallback(result, context)
    {

          var childDropDown 
    = document.forms[0].elements['<%=ChildDropDown.UniqueID%>'];

          
    if (!childDropDown){
             
    return;
          }


          childDropDown.length 
    = 0;

          
    if (!result){
              
    return;
          }

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

          
          childDropDown.style.visibility 
    = "visible";
       }


       function ClientCallbackError(result, context)
    {
          alert(result);
       }


       
    </ script >

    </ form >
    </ body >

    </ html >

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

    using  System;
    using  System.Web.UI;

    public  partial  class  CallBackEventHandler_cs : System.Web.UI.Page, ICallbackEventHandler
    {
        
    private string _callbackResult;

        
    private void Page_Load(object source, EventArgs e)
        
    {
            String callBack 
    = Page.ClientScript.GetCallbackEventReference(this"arg""ClientCallback""context""ClientCallbackError"false);
            String clientFunction 
    = "function GetChildren(arg, context){ " + callBack + "; }";
            Page.ClientScript.RegisterClientScriptBlock(
    this.GetType(), "GetChildren", clientFunction, true);

            
    if (Page.IsPostBack && !Page.IsCallback)
            
    {
                Label1.Text 
    = "You Selected: " + Request.Form["ParentDropDown"+ "" + Request.Form["ChildDropDown"];
            }

        }


        
    public string GetCallbackResult()
        
    {        
            
    return _callbackResult;
        }


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

        }


    }

     

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

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

     

     

    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’属性。

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

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

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

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

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

    this .Master.HeaderText  =  " Label updated using MasterType directive with VirtualPath attribute. " ; 
 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值