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>