AJAX 1.0(UpdatePanel)

來源:互聯網
上載者:User

 http://www.cnblogs.com/terrylee/archive/2006/11/12/aspnet_ajax_quickstarts.html

下載

http://www.microsoft.com/downloads/details.aspx?FamilyID=ca9d90fa-e8c9-42e3-aa19-08e2c027f5d6&displaylang=en

網摘

http://hi.baidu.com/balckcoffee855/blog/item/55ea4508ffc38e960b7b82d1.html

筆記

1.要使用 UpdatePanel 控制項可用,必須設定 ScriptManager 的
  EnablePartialRendering 屬性為 true 。
2.在updatePanel內部引發的所有事件,都自動非同步更新,不需要任何操作,只要
  保證把控制項放在UpdatePanel裡面即可。
3.如果需要外部的控制項觸發,就指定一個觸發器,當然這個觸發器必須是改變了updatepanel內的
  控制項。僅些而已,真的好方便。

 

前台

  1. <body>
  2.     <form id="form1" runat="server">
  3.         <asp:ScriptManager ID="ScriptManager1" runat="server" />
  4.         <div>
  5.             <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  6.                 <ContentTemplate>
  7.                     updatepanel1<asp:Button ID="Button1" runat="server" Text="內部控制項" OnClick="Button1_Click" />
  8.                 </ContentTemplate>
  9.             </asp:UpdatePanel>
  10.             <asp:UpdatePanel ID="UpdatePanel2" runat="server">
  11.                 <ContentTemplate>
  12.                     updatepanel2<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
  13.                 </ContentTemplate>
  14.                 <Triggers>
  15.                     <asp:AsyncPostBackTrigger ControlID="Button2" />
  16.                 </Triggers>
  17.             </asp:UpdatePanel>
  18.             <br />
  19.             <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="外部觸發器" />
  20.         </div>
  21.     </form>
  22. </body>

後台

  1.     public partial class _Default : System.Web.UI.Page
  2.     {
  3.         protected void Page_Load(object sender, EventArgs e)
  4.         {
  5.             
  6.         }
  7.         protected void Button1_Click(object sender, EventArgs e)
  8.         {
  9.             this.Button1.Text = "局部更新了";
  10.         }
  11.         protected void Button2_Click(object sender, EventArgs e)
  12.         {
  13.             this.Label1.Text = "被外部觸發器更新了";
  14.         }
  15.     }
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.