This is a migrated thread and some comments may be shown as answers.

Radgrid stops paging, sorting as soon as i enable Ajax (Ajax Settings)

3 Answers 32 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Devang
Top achievements
Rank 1
Devang asked on 11 Jul 2017, 02:28 PM

Hello Friends, 

   Thank You all in advance. I have a simple User Control with Radgrid - paging /Sorting enabled. Everything works fine without Ajax (Ajaxifying), but when I enable Ajax, it stops working  i.e paging/sorting etc. Following is my Ajax code. I have RadAjaxManager in my MasterPage, So I m using Proxy in my userControls.

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rgUploadedDocs">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rgUploadedDocs"LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

 

 

Following is my full aspx page. Its very simple with one rad grid and one file upload. 

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UploadDocument.ascx.cs" Inherits="UserControls_UploadDocument" %>
<%@ Register Src="~/UserControls/FormField.ascx" TagName="FormField" TagPrefix="uc" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>
 
 
<span id="uploadMessage" runat="server"  visible="true" class="formLabelAuto">The documents shown below are uploaded from this page only. You have to navigate to the specific page to view the documents on that page.</span>
<br />
<br />
 
 
 
    <script type="text/javascript">  
    function showHideOtherText() {
        document.getElementById('<%= txtDescription.ClientID %>').value = '';
        var selectElem = document.getElementById('<%= ddlUploadDocumentType.ClientID %>');
        var selectText = selectElem.options[selectElem.selectedIndex].text;
 
        if (selectText.toUpperCase() == 'OTHER') {
            document.getElementById('<%= txtDescription.ClientID %>').removeAttribute('disabled');
        }
        else {
            document.getElementById('<%= txtDescription.ClientID %>').setAttribute('disabled');
        }
 
}
        </script>
 
 
<div style="text-align:center">
    <telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="rgUploadedDocs">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="rgUploadedDocs"LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>
 
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="50"
        BackColor="#E0E0E0" InitialDelayTime="500">
        <asp:Image ID="imgLoading" Style="margin-top: 100px" runat="server" ImageUrl="~/Images/Loading.gif"
            BorderWidth="0px" AlternateText="Loading..." />
    </telerik:RadAjaxLoadingPanel>
 
 
 
    <telerik:RadGrid RenderMode="Lightweight" ID="rgUploadedDocs" runat="server" Width="100%" Enabled ="true"
        FilterItemStyle-BackColor="#e6e6e6" FilterItemStyle-BorderStyle="Solid" OnNeedDataSource="rgUploadedDocs_NeedDataSource"
         OnItemDataBound="rgUploadedDocs_ItemDataBound" OnItemCommand="rgUploadedDocs_ItemCommand" CssClass="gridViewSmallFont">
        <HeaderStyle CssClass="gridViewHeader" />
        <PagerStyle Mode="NextPrevAndNumeric" />
        <ItemStyle CssClass="gridViewRow" />
        <AlternatingItemStyle CssClass="gridViewAltRow" />
        <SelectedItemStyle CssClass="gridViewSelected" />
        <MasterTableView AllowSorting="true" PageSize="10" AllowPaging="True" Width="100%" AutoGenerateColumns="false" CommandItemDisplay="None" DataKeyNames="DOCUMENT_ID"
             NoMasterRecordsText="No uploaded documents found." AllowFilteringByColumn="false" AllowMultiColumnSorting="true" ShowHeadersWhenNoRecords="true">
        <CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" /> 
        <SortExpressions>
          <telerik:GridSortExpression FieldName="LAST_MODIFIED_DATE_TIME" SortOrder="Descending" />
        </SortExpressions>      
        <Columns>
            <telerik:GridTemplateColumn HeaderText="Document Type" SortExpression="Name" AllowFiltering="false">
                <ItemTemplate>
                    <asp:Label runat="server" ID="lblDocumentType"></asp:Label>
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridBoundColumn  UniqueName="FileName" DataField="FILE_NAME" HeaderText="File Name" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="UploadDate" DataField="LAST_MODIFIED_DATE_TIME" HeaderText="Upload Date" DataFormatString="{0:d}" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn UniqueName="UserName" DataField="Username" HeaderText="Username" AllowFiltering="false">
            </telerik:GridBoundColumn>
            <telerik:GridTemplateColumn HeaderText="Osolete" SortExpression="IS_OBSOLETE" AllowFiltering="false">
                <ItemTemplate>
                    <asp:CheckBox ID="rdchkObsolete" runat="server" ToolTip="Obsolete" AutoPostBack="true" OnCheckedChanged="rdchkObsolete_CheckedChanged"/>
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridTemplateColumn AllowFiltering="false">
                <ItemTemplate>
                    <asp:ImageButton ID="imgView" ImageUrl="~/Images/search.png" runat="server" ToolTip="View" CommandName="Edit" AlternateText="View" />
                </ItemTemplate>
            </telerik:GridTemplateColumn
            <telerik:GridTemplateColumn AllowFiltering="false">
                <ItemTemplate>
                    <asp:ImageButton ID="imgCancel" ImageUrl="~/Images/cancel.png" runat="server" CommandName="Delete" ToolTip="Delete"
                        CommandArgument='<%# DataBinder.Eval(Container.DataItem, "DOCUMENT_ID") %>' AlternateText="Delete" />
                </ItemTemplate>
            </telerik:GridTemplateColumn
        </Columns>
        </MasterTableView>
    </telerik:RadGrid>
 
    <br />
    <br />
    <table border="0" style="border-collapse: collapse; border-spacing: 0"  role="presentation">
        <tr>
            <td> </td>
            <td>
                <asp:FileUpload id="filUploadFile" runat="server" Width="400px" size="100" />
            </td>
        </tr>
        <tr><td> </td><td> </td></tr>
         <tr runat="server" id="trUploadDocumentType">
            <td style="text-align:right"><span class="formLabelAuto">Document Type:</span></td>
            <td style="text-align:left"><asp:DropDownList runat="server" ID="ddlUploadDocumentType" CssClass="formField220" OnClientClick="showHideOtherText();"></asp:DropDownList></td>
         </tr>
         
        <tr><td colspan="2"> </td></tr>
        <tr><td colspan="2"><asp:ValidationSummary ID="vsUpdateDocument" runat="server" DisplayMode="SingleParagraph" ValidationGroup="valUpdateDocument" /></td></tr>
         
        <tr style="vertical-align:top">
            <td>
                <span class="formLabelSmall">Description</span>
            </td>
            <td>
                <asp:TextBox ID="txtDescription" runat="server" Rows="5" CssClass="formFieldLarge" TextMode="MultiLine" MaxLength="500" />
            </td>
        </tr>
    </table>
    <br />
    <asp:Button id="UploadButton" Text="Upload file" OnClick="UploadButton_Click" runat="server" CssClass="buttonBox"
        ValidationGroup="valUpdateDocument" /> 
    <p><b><asp:Label ID="lblStatusMsg" runat="server" Width="100%" Style="word-wrap: normal; word-break: break-all;"/></b></p
</div>

3 Answers, 1 is accepted

Sort by
0
Devang
Top achievements
Rank 1
answered on 12 Jul 2017, 08:32 PM

Any reply is appreciated. I am still stuck on this.

Not able to ajaxify the radgrid. Its very simple code i m writing for AjaxSettings but grid stops sorting, paging or stops functioning. 

0
Devang
Top achievements
Rank 1
answered on 17 Jul 2017, 04:57 PM

Since there is no response from telerik team on this issue, Do I need to get my license no etc to get response...? Am I missing anything to get response..? I would highly appreciate if someone can respond on this. 

 

Thank You all in advance. 

0
Devang
Top achievements
Rank 1
answered on 17 Jul 2017, 05:43 PM

Or this is an Ajax related issue and i should be posting it there...? Please let me know, I highly appreciate any reply. 

Devang. 

Tags
Grid
Asked by
Devang
Top achievements
Rank 1
Answers by
Devang
Top achievements
Rank 1
Share this question
or