RadGrid for ASP.NET AJAX displayed in a modal popup disappears when the column header is clicked for sorting.

[Santosh]

Hello,

          I have placed the radgrid in a panel to invoke with a ModalPopupExtender.  The modal is invoked on a link button click and upon radgrid column header click for sorting, the modal popup closes.  I want the radgrid to stay there whenever column sorting is done in the modal popup. 
          The following is my piece of code:

 

<asp:UpdatePanel ID="upMPE" runat="server" >

<ContentTemplate>

<asp:Panel ID="pnlTopPatientException" runat="server">

<asp:Panel ID="pnlPatientException" runat="server" Style="display: none; z-index: 8888;"

CssClass="modalPopup">

<table border="0" style="width: 100%; height: 30%; border-color: transparent;">

<tr>

<td align="left">

<h1>

<asp:Label ID="lblMessage" runat="server" Text="Patient Exceptions" Style="color: Green" />

</h1>

</td>

</tr>

<tr>

<td>

<SJ:SJRadGrid ID="grdPatientExceptionList" runat="server" AllowSorting="true" Skin="SJ"

OnNeedDataSource="GetData" PageSize="5" ShowFooter="true">

<PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>

<ItemStyle CssClass="altrow" />

<MasterTableView PagerStyle-AlwaysVisible="true" Width="100%" AllowSorting="true"

AllowMultiColumnSorting="true" DataKeyNames="ID" >

<Columns>

<SJ:CustomFilteringTemplateColumn DataField="FromDate" HeaderStyle-Wrap="false" HeaderText="From Date"

HeaderStyle-HorizontalAlign="Center" SortExpression="FromDate" FilterControlWidth="105"

DropDownBoxWidth="105" HeaderStyle-Width="8%" AllowFiltering="false">

<ItemTemplate>

<asp:Label ID="lblFromDate" runat="server" Text='<%#Eval("FromDate","{0:MM/dd/yyyy}")%>'

CausesValidation="false">

</asp:Label>

</ItemTemplate>

</SJ:CustomFilteringTemplateColumn>

<SJ:CustomFilteringTemplateColumn DataField="ToDate" HeaderStyle-Wrap="false" HeaderText="To Date"

HeaderStyle-HorizontalAlign="Center" SortExpression="ToDate" FilterControlWidth="105"

DropDownBoxWidth="105" HeaderStyle-Width="8%" AllowFiltering="false">

<ItemTemplate>

<asp:Label ID="lblToDate" runat="server" Text='<%#Eval("ToDate","{0:MM/dd/yyyy}")%>'

CausesValidation="false">

</asp:Label>

</ItemTemplate>

</SJ:CustomFilteringTemplateColumn>

<SJ:CustomFilteringTemplateColumn HeaderStyle-Wrap="false" DataField="ExceptionDesc"

HeaderText="Exception Description" HeaderStyle-HorizontalAlign="Left" SortExpression="ExceptionDesc"

FilterControlWidth="105" DropDownBoxWidth="105" HeaderStyle-Width="52%" AllowFiltering="false">

<ItemTemplate>

<asp:Label ID="lblExceptionDesc" runat="server" Text='<%#Eval("ExceptionDesc") %>'

CausesValidation="false">

</asp:Label>

</ItemTemplate>

</SJ:CustomFilteringTemplateColumn>

</Columns>

</MasterTableView>

</SJ:SJRadGrid>

</td>

</tr>

<tr>

<td align="right">

<asp:Button ID="btnCloseModal" runat="server" CssClass="button" Text="Close" ToolTip="Close"

OnClientClick="return CloseModalPopup();" OnClick="btnCloseModal_Click" />

</td>

</tr>

</table>

</asp:Panel>

<asp:ModalPopupExtender ID="mpePatientException" runat="server" PopupControlID="pnlPatientException"

BehaviorID="ModalBehaviour" BackgroundCssClass="modalBackground" TargetControlID="dummyButton1"

Enabled="false" />

<input type="button" runat="server" style="display: none" id="dummyButton1" />

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>


In the server side, I have the following on the click of the link button:


mpePatientException.Enabled = true;

mpePatientException.Show();

Any help would be appreciated.  Thanks in advance.

Regards,
Santosh Varma.

[Marin]

Hi Santosh,

 Probably the issue is caused because the grid rebinds which reloads the page and closes the popup. Can you verify that the grid performs an ajax request when the sorting happens? Normally this should keep the popup open. You can also try to ajaxify the RadGrid by using RadAjaxManager if the UpdatePanel does not work correctly in this case.

Hope this helps.

Greetings,
Marin
the Telerik team

[Sumila]

Hi,

 

I face similar issue. Is this resolved?