Friday, 17 May 2013

How to trigger Postback event in PostBackTrigger and AsyncPostBackTrigger using Ajax Update Panel

How to trigger Post back event in PostBackTrigger and AsyncPostBackTrigger using Ajax Update Panel

Step 1 : Open your website and open your .aspx page

Step 2 : Add update panel code in your page and add one button in your page with onClick event.

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        </ContentTemplate>
  </asp:UpdatePanel>

 Step 3 : Add trigger tag in update panel code and run your postback in AsyncPostBackTrigger mode.

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="Button1" />
        </Triggers>
    </asp:UpdatePanel>

Step 4 : Also you can postback your update your panel  in PostBackTrigger mode

 <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
        </ContentTemplate>
        <Triggers>
            <asp:PostBackTrigger ControlID="Button1" />
        </Triggers>
    </asp:UpdatePanel>


No comments:

Post a Comment

Thank you for your interest .