How to Trigger UpdatePanel

Question

0.00/5 (No votes)

See more:

Hi,

I have 2 Update Panels as per the below code snippet. While the first is getting triggered, I am somehow not able to trigger the second one (Update Panel Highlighted in bold and underlined is not visible) and hence none of the contents therein are visible on the page. I have added a Trigger after the Content Template without any success though. Any help is much appreciated.

ASP.NET

<asp:Panel ID="ActivityLogRptPanel" HorizontalAlign="Center" runat="server">
    <ajax:UpdatePanel ID="ActivityLogUpdatePanel"  runat="server" ChildrenAsTriggers="false"
        RenderMode="Inline" UpdateMode="Conditional">
        <contenttemplate>
            <br />
            <table id="tblActivityLog" style="border-collapse: collapse; border-spacing: 0; padding: 0;<br mode=" hold=" />                width: 100%;" align="left">
                <tr>
                    <td style="align-self: center">
                        <table class="TblReportHeader" id="tblActivityLogHeader" style="align-self: center;<br mode=" hold=" />                            border-collapse: collapse; border-spacing: 0; padding: 0; border-right: #91c9c9 1px solid;<br mode=">
                            <tr style="height: 23px">
                                <td width="8px">
                                </td>
                                <td align="left" width="980px">
                                    <asp:Label runat="server" ID="RptCriteriaLabel" ForeColor="#930000">
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="align-self: center">
                        <telerik:RadGrid  runat="server" ID="ActivityLogRptRadGrid" Height="320px" Width="990px"
                            AutoGenerateColumns="False" CellPadding="0" GridLines="Both" AllowSorting="false"
                            AllowPaging="false" EnableEmbeddedSkins="false" BackColor="Transparent" HorizontalAlign="left"
                            OnExcelMLExportStylesCreated="ActivityLogRptRadGrid_StyleCreated" >
                           
                        
                        <uc1:CustomPager ID="customPager"  runat="server" />
                    </td>
                </tr>
            </table>
        </contenttemplate>
        <triggers>
            <ajax:asyncpostbacktrigger controlid="ActivityLogRptRadGrid" xmlns:ajax="#unknown" />
        </triggers>
    
    <ajax:UpdatePanel RenderMode="Inline" ID="ContainButtonsUpdatePanel"  runat="server"
        UpdateMode="Conditional" ChildrenAsTriggers="false">        <contenttemplate>
            <table class="tblformat">
                <tr>
                    <td>
                       <table>
                            <tr style="height: 2%">
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table id="tblButtonsStatement" style="border-collapse: collapse; border-spacing: 0;<br mode=" hold=" />                                        padding: 0; width: 100%; height: 50px; border: 0">
                                        <tr>
                                            <td style="vertical-align: bottom; width: 40%;">
                                                <table id="tblTotals" style="border-collapse: collapse; border-spacing: 0; padding: 0;<br mode=" hold=" />                                                    border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid;<br mode=">
                                                    <tr style="height: 40%">
                                                        <td class="TblHeader" style="vertical-align: middle; border-removed black 1px solid;<br mode=" hold=" />                                                            background-color: #91C9C9;" colspan="3">
                                                            <asp:Label ID="TotalsLabel" Font-Size="12px" Font-Bold="True" runat="server">Status Update Totals
                                                        </td>
                                                    </tr>
                                                    <tr style="height: 30%">
                                                        <td style="border-removed black 1px solid">
                                                            <asp:Label ID="ConditionAffirmedLabel" runat="server" Font-Size="12px">Conditions AFFIRMED
                                                        </td>
                                                        <td style="border-removed black 1px solid; border-removed black 1px solid">
                                                              
                                                        </td>
                                                        <td style="border-removed black 1px solid">
                                                            <asp:Label ID="ConAffirmedValuesLabel" runat="server" Font-Size="12px">0
                                                        </td>
                                                    </tr>
                                                    <tr style="height: 30%">
                                                        <td>
                                                            <asp:Label ID="ConDeniedLabel" runat="server" Font-Size="12px">Conditions DENIED
                                                        </td>
                                                        <td style="border-removed black 1px solid; width: 5%">
                                                              
                                                        </td>
                                                        <td width="20%">
                                                            <asp:Label ID="ConDeniedValueLabel" runat="server" Font-Size="12px">0
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td style="vertical-align: middle; width: 30%;">
                                                <ajax:UpdateProgress  runat="server" ID="UpdateProgressLinkButton" AssociatedUpdatePanelID="ActivityLogUpdatePanel">
                                                
                                            </td>
                                            <td style="vertical-align: middle; width: 10%">
                                                <asp:Button ID="PrintButton" runat="server" CausesValidation="False" Width="50px"
                                                    Text="Print" Visible="false" Height="30px" Font-Bold="True" OnClick="PrintButton_Click">
                                                
                                            </td>
                                            <td style="vertical-align: middle; width: 10%">
                                            </td>
                                            <td style="height: 30px; vertical-align: middle; width: 10%">
                                                <button id="ExportButton" type="button" alt="Excel"  runat="server" accesskey="x"
                                                    >
                                                    Export to Excel
                                                </button>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </contenttemplate>
        <triggers>
            <ajax:postbacktrigger controlid="ExportButton" xmlns:ajax="#unknown" />
        </triggers>

The information transmitted is intended only for the person or entity to which it is addressed
and may contain CONFIDENTIAL material. If you receive this material/information in error,
please contact the sender and delete or destroy the material/information.

Posted 7-Oct-15 21:10pm

gpthakur

Updated 7-Oct-15 21:18pm

Naveen.Sanagasetti

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Andy Lanng · Answer 1 · 2015-10-07T22:17:00

I can't see any closing tag for your update panels like </ajax:UpdatePanel>

The most likely scenario is that asp is trying to fix this issue by adding closing tags, but in the wrong places. You need to close of both update panels in the markup:

ASP.NET

<asp:Panel ID="ActivityLogRptPanel" HorizontalAlign="Center" runat="server">
    <ajax:UpdatePanel ID="ActivityLogUpdatePanel"  runat="server" ChildrenAsTriggers="false"
        RenderMode="Inline" UpdateMode="Conditional">
        <contenttemplate>
            <br />
            <table id="tblActivityLog" style="border-collapse: collapse; border-spacing: 0; padding: 0;<br mode=" hold=" />                width: 100%;" align="left">
                <tr>
                    <td style="align-self: center">
                        <table class="TblReportHeader" id="tblActivityLogHeader" style="align-self: center;<br mode=" hold=" />                            border-collapse: collapse; border-spacing: 0; padding: 0; border-right: #91c9c9 1px solid;<br mode=">
                            <tr style="height: 23px">
                                <td width="8px">
                                </td>
                                <td align="left" width="980px">
                                    <asp:Label runat="server" ID="RptCriteriaLabel" ForeColor="#930000">
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="align-self: center">
                        <telerik:RadGrid  runat="server" ID="ActivityLogRptRadGrid" Height="320px" Width="990px"
                            AutoGenerateColumns="False" CellPadding="0" GridLines="Both" AllowSorting="false"
                            AllowPaging="false" EnableEmbeddedSkins="false" BackColor="Transparent" HorizontalAlign="left"
                            OnExcelMLExportStylesCreated="ActivityLogRptRadGrid_StyleCreated" >
                           
                        
                        <uc1:CustomPager ID="customPager"  runat="server" />
                    </td>
                </tr>
            </table>
        </contenttemplate>
        <triggers>
            <ajax:asyncpostbacktrigger controlid="ActivityLogRptRadGrid" xmlns:ajax="#unknown" />
        </triggers>
    </ajax:UpdatePanel> 
    <ajax:UpdatePanel RenderMode="Inline" ID="ContainButtonsUpdatePanel"  runat="server"
        UpdateMode="Conditional" ChildrenAsTriggers="false">       <contenttemplate>
            <table class="tblformat">
                <tr>
                    <td>
                       <table>
                            <tr style="height: 2%">
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <table id="tblButtonsStatement" style="border-collapse: collapse; border-spacing: 0;<br mode=" hold=" />                                        padding: 0; width: 100%; height: 50px; border: 0">
                                        <tr>
                                            <td style="vertical-align: bottom; width: 40%;">
                                                <table id="tblTotals" style="border-collapse: collapse; border-spacing: 0; padding: 0;<br mode=" hold=" />                                                    border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid;<br mode=">
                                                    <tr style="height: 40%">
                                                        <td class="TblHeader" style="vertical-align: middle; border-removed black 1px solid;<br mode=" hold=" />                                                            background-color: #91C9C9;" colspan="3">
                                                            <asp:Label ID="TotalsLabel" Font-Size="12px" Font-Bold="True" runat="server">Status Update Totals
                                                        </td>
                                                    </tr>
                                                    <tr style="height: 30%">
                                                        <td style="border-removed black 1px solid">
                                                            <asp:Label ID="ConditionAffirmedLabel" runat="server" Font-Size="12px">Conditions AFFIRMED
                                                        </td>
                                                        <td style="border-removed black 1px solid; border-removed black 1px solid">
                                                              
                                                        </td>
                                                        <td style="border-removed black 1px solid">
                                                            <asp:Label ID="ConAffirmedValuesLabel" runat="server" Font-Size="12px">0
                                                        </td>
                                                    </tr>
                                                    <tr style="height: 30%">
                                                        <td>
                                                            <asp:Label ID="ConDeniedLabel" runat="server" Font-Size="12px">Conditions DENIED
                                                        </td>
                                                        <td style="border-removed black 1px solid; width: 5%">
                                                              
                                                        </td>
                                                        <td width="20%">
                                                            <asp:Label ID="ConDeniedValueLabel" runat="server" Font-Size="12px">0
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td style="vertical-align: middle; width: 30%;">
                                                <ajax:UpdateProgress  runat="server" ID="UpdateProgressLinkButton" AssociatedUpdatePanelID="ActivityLogUpdatePanel">
                                                
                                            </td>
                                            <td style="vertical-align: middle; width: 10%">
                                                <asp:Button ID="PrintButton" runat="server" CausesValidation="False" Width="50px"
                                                    Text="Print" Visible="false" Height="30px" Font-Bold="True" OnClick="PrintButton_Click">
                                                
                                            </td>
                                            <td style="vertical-align: middle; width: 10%">
                                            </td>
                                            <td style="height: 30px; vertical-align: middle; width: 10%">
                                                <button id="ExportButton" type="button" alt="Excel"  runat="server" accesskey="x"
                                                    >
                                                    Export to Excel
                                                </button>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </contenttemplate>
        <triggers>
            <ajax:postbacktrigger controlid="ExportButton" xmlns:ajax="#unknown" />
        </triggers>
      </ajax:UpdatePanel>