Nested Update Panel Problem

Question

I have two nested UpdatePanle and a button and an editor in parent panel and a GridView in child panel.

   <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
   <asp:Button ID="btn_UsersList" runat="server" onclick="btn_UsersList_Click" 
                    Text="users" />
    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
      <asp:GridView ID="GridView_UsersList" runat="server">
      </asp:GridView>
    </ContentTemplate>
    <Triggers>
      <asp:AsyncPostBackTrigger ControlID="btn_UsersList" EventName="Click" />
    </Triggers>
    </asp:UpdatePanel>
    <FCKeditorV2:FCKeditor ID="FCKeditor_Message" runat="server" 
                        BasePath="~/fckeditor/"></FCKeditorV2:FCKeditor>
     </ContentTemplate>
     </asp:UpdatePanel>

I'd like to update the child panel when click button but don't update the parent UpdatePanel.How Can I do this ? what is the problem of my code? Thank you in advance

Answer 1

Hi Thanks for your reply. I did what you say but I have another problem now.I use a javascript to block the page:

function BeginRequestHandler(sender, args) {
 $('#<%= Parent.ClientID %>').block({css:{top:'50%' , left : '50%' } , message :'wait'}); 

It works fine when ChildrenAsTriggers = true.when I delete this script everything is fine. But as I add this script and click btnChangeChildPanel,the page will block for ever.

Answer 2

@sohren

You probably need to unblock the UI at some point. You can use the pageLoad() function for that purpose. If your AJAX request ran successfully after blocking the UI, the pageLoad() function will be called when the response is received and the page is updated. This is where you can unblock the UI.