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

4 posts, 0 answers
  1. Devang
    Devang avatar
    10 posts
    Member since:
    Jun 2017

    Posted 11 Jul 2017 Link to this post

    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>
  2. Devang
    Devang avatar
    10 posts
    Member since:
    Jun 2017

    Posted 12 Jul 2017 in reply to Devang Link to this post

    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. 

  3. Devang
    Devang avatar
    10 posts
    Member since:
    Jun 2017

    Posted 17 Jul 2017 Link to this post

    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. 

  4. Devang
    Devang avatar
    10 posts
    Member since:
    Jun 2017

    Posted 17 Jul 2017 in reply to Devang Link to this post

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

    Devang. 

Back to Top