| 加入收藏| 设为首页| 联系我们

首页 站长学习 站长之家 源码下载 建站素材 书籍教程 常用工具
 您现在的位置: 动力中国 >> 网络编程 >> Ajax教程 >> 文章正文  
 asp.net ajax学习系列功能强大的UpdatePanel控件
 

asp.net ajax学习系列功能强大的UpdatePanel控件

http://www.domcn.org  文章来源:本站收藏  点击数:

  关键字:asp.net ajax学习系列功能强大的UpdatePanel控件

先给一个简单的例子,后面给一个比较复杂的例子。

改进后的UpdatePanel使页面部分更新(Partial-Page Updates)实现起来非常容易。
要想在已有web页面或新建页面中加入部分更新内容,都十分容易,下面几个步骤:
<1>在页面中加入ScriptManager控件。并保证ScriptManager控件的EnablePartialRendering属性值为true。若EnablePartialRendering=false,那么下面所做的对页面部分更新的任何设置都不能实现。EnablePartialRendering的默认值是true,不作修改就行。

 

<asp:ScriptManager ID=ScriptManager1 runat=server>
</asp:ScriptManager>

<2>把UpdatePanel控件加到页面中。在 <ContentTemplate></ContentTemplate>中加入想部分更新的内容就行了。


<asp:UpdatePanel ID=UpdatePanel1 runat=server>
            <ContentTemplate>
              <fieldset>
                <legend>In UpdatePanel</legend>
                  UpdatePanel content refreshed at <%=DateTime.Now.ToString() %>
                 <asp:Button ID=Button1  Text=RefreshUpdatePanel runat=server />
               </fieldset>
            </ContentTemplate>
  </asp:UpdatePanel>
为了对比,在UpdatePanel外面加一行代码

<div>Out of UpdatePanel,refreshed at <%=DateTime.Now.ToString() %></div>
这样部分更新功能就实现了,或许都不敢相信。
看看效果吧。

两部分更新时间不一样!

UpdatePanel控件的功能是很强大的。这是最简单的应用。
部分更新时,提交给服务器的数据跟一般的postback没有什么区别,所有数据包括viewstate中的数据被传回服务器。不同的地方在于从服务器只返回部分更新部分的数据。由于UpdatePanel控件的引入,postback被分为两种,asynchronous postback和normal postback,asynchronous postback引起UpdatePanel的更新,normal postback引发整个页面的更新。使用ScriptManager的IsInAsyncPostBack属性可以判断回传的类型。
介绍一下UpdatePanel的属性。
<1>Triggers
有两种AsyncPostBackTrigger,PostBackTrigger。
AsyncPostBackTrigger
来指定某个控件的某个事件引发异步回传(asynchronous postback),即部分更新。属性有ControlID和EventName。分别用来指定控件ID和控件事件,若没有明确指定EventName的值,则自动采用控件的默认值,比如button就是click。把ContorlID设为UpdatePanel外部控件的ID,可以使外部控件控制UpdatePanel的更新。
PostBackTrigger
来指定UpdatePanel内的某个控件引发整个页面的更新(normal postback)。

 

<Triggers>
            <asp:PostBackTrigger ControlID=Button1/>
            <asp:AsyncPostBackTrigger ControlID=Button2 EventName=Click />
</Triggers>
<2>UpdateMode
有两个值:Always,Conditional。总是更新,有条件更新。
确定当asynchronous postbacks发生时,是否总是更新。若页面中只有一个UpdatePanel控件,这个值好像没有什么意义。但是当页面中存在多个UpdatePanel,或者UpdatePanel中包含UpdatePanel的复杂情况时,这个值的设定就可以使各个UpdatePanel在各种合适时机更新。
<3>ChilderAsTriggers
bool值,默认是true。若设为false,则UpdatePanel的子控件引发异步回传(asynchronous postback),但是不更新当前UpdatePanel(在多个UpdatePanel的页面中发现的)。这里比较难于理解,甚至我理解的是错误的。请高手指点。
该属性只在UpdateMode=Conditional条件下有意义。右UpdateMode为Always,ChilderAsTriggers=false就则引发异常。

另外UpdatePanel还提供了一个方法Update(),可以通过代码控件部分更新。
先说这么多。下面给个代码,使用了这些属性。


<%@ Page Language=C# %>
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<script runat=server>

    protected void Button4_Click(object sender, EventArgs e)
    {
        UpdatePanel1.Update();
    }
</script>
<html xmlns=http://www.w3.org/1999/xhtml >
<head runat=server>
<title>Untitled Page</title>
    <style type=text/css>
    .UpdatePanelTitle
    {
    color:red;
    }
    </style>
</head>
<body>
    <form id=form1 runat=server>
    <div>
        <asp:ScriptManager ID=ScriptManager1 runat=server>
        </asp:ScriptManager>
   
      <fieldset>
      <legend class=UpdatePanelTitle>UpdatePanel控件外</legend>
      <asp:Button runat=server ID=Button5 Text=引发常规回传 /><br />
        <asp:Button runat=server ID=Button1 Text=引发异步回传 /><br />       
        Refrest at <%=DateTime.Now.ToUniversalTime()%>
        </fieldset>
       
        <asp:UpdatePanel ID=UpdatePanel1 UpdateMode=Conditional runat=server>
        <Triggers>
        <asp:PostBackTrigger ControlID=Button2 />
        </Triggers>
        <ContentTemplate>       
        <fieldset>
        <legend class=UpdatePanelTitle>UpdatePanel1</legend>
        <asp:Button runat=server ID=Button2 Text=引发常规回传 />
        Refresh at <%=DateTime.Now.ToUniversalTime()%>
        </fieldset>
        </ContentTemplate>
        </asp:UpdatePanel>
       
       
        <asp:UpdatePanel ID=UpdatePanel2  UpdateMode=Conditional runat=server>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID=Button1 />
        </Triggers>
        <ContentTemplate>            
        <fieldset>         
        <legend class=UpdatePanelTitle>UpdatePanel2</legend>
        <asp:Button runat=server ID=Button3 Text=InPanel2 />
        Refresh at <%=DateTime.Now.ToUniversalTime() %><br />
              
        <asp:UpdatePanel ID=UpdatePanel3 runat=server UpdateMode=Always>
        <ContentTemplate>
        <fieldset>
        <legend class=UpdatePanelTitle>UpdatePanel3:Im Child of UpdatePanel2</legend>
        <asp:Button runat=server ID=Button4 Text=InPanel3 OnClick=Button4_Click />
        Refresh at <%=DateTime.Now.ToUniversalTime()%>
        </fieldset>
        </ContentTemplate>
        </asp:UpdatePanel>
        </fieldset>

        </ContentTemplate>
        </asp:UpdatePanel>
       
        <asp:UpdatePanel ID=UpdatePanel4 UpdateMode=Conditional runat=server ChildrenAsTriggers=false>
        <ContentTemplate>       
        <fieldset>
        <legend class=UpdatePanelTitle>UpdatePanel4</legend>
        <asp:Button runat=server ID=Button6 Text=引发常规回传,但不更新自己 />
        Refresh at <%=DateTime.Now.ToUniversalTime()%>
        </fieldset>
        </ContentTemplate>
        </asp:UpdatePanel>            
       
        </div>
    </form>
</body>
</html>
http://www.cnblogs.com/sharpaxe/archive/2006/10/25/539867.html


asp.net ajax学习系列功能强大的UpdatePanel控件
  • 上一篇文章:

  • 下一篇文章:
  •  热门文章
    普通文章 电子邮件改头换面 四公司畅谈未
    普通文章 PC病毒史上最声名狼藉的八大病
    普通文章 Rails系统中的AJAX开发技术简析
    普通文章 基于ASP.NET AJAX框架实现表单
    普通文章 开发ASP.NET AJAX客户端定制行
    普通文章 用JFreeChart对JSP报表进行增强
    普通文章 SQL Server 2005上的CLR和ADO.
    普通文章 SQL Server 2005的XML支持机制
    普通文章 Firefox中标签式浏览技巧大全
    普通文章 Tomcat中的Session和Cookie大揭
     
     推荐文章
    推荐文章 把Google地图嵌入网页 就是这么
    推荐文章 迅雷搜索候选资源出错的解决
    推荐文章 轻松去除迅雷里的各种广告和资
    推荐文章 突破限制 免费领养到QQ空间五级
    推荐文章 Rational统一过程RUP贴近中小软
    推荐文章 构建自己的轻量级XML DOM分析程
    推荐文章 WPS Office 2007技巧:妙用配置
    推荐文章 Excel 2007:求余数函数实用进阶
    推荐文章 浅谈ASP.NET的Postback
    推荐文章 软件开发中项目需求管理简述
     
     相关文章
    没有相关文章
    设为首页 | 加入收藏 | 广告合作 | 联系站长 | 版权申明 |
    动力中国为网友提供免费学习资料,可用资源,如果您认为我们的相关内容侵害到了您的权利请联系管理员
    Copyright © 2006-2008 domcn.org All Rights Reserved.