Rank 1
I am evaluating RadGrid and am trying to AJAXify my Radgrid
Based on the link below I have tried to AJAXify my Radgrid but with limited success
http://www.telerik.com/help/aspnet-ajax/grdmigrationtoprometheus.html
When I tested it (Ex Sorted a column) it did do a postback. Please advise me where I am wrong
Below is the code from ASPX page
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebGridEval.WebForm1" %>" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<asp:Content ID="Content2" ContentPlaceHolderID="cphContent" Runat="Server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<!--Start Content Right-->
<table id="tblResults" runat="server" width="100%">
<br />
<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True"
GridLines="None" AllowMultiRowEdit="True" AllowMultiRowSelection="True"
AutoGenerateColumns="False" AutoGenerateEditColumn="True" AllowPaging="True"
AllowCustomPaging="True" PageSize="25" EnableAJAX="true"
onupdatecommand="RadGrid1_UpdateCommand">
<MasterTableView EditMode="InPlace" DataKeyNames="UniqueId">
<Columns>
<telerik:GridBoundColumn DataField="ContractNo"
HeaderText="Contract Number" UniqueName="ContractNo" AutoPostBackOnFilter="true" >
<FooterStyle Font-Bold="True" />
<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
</telerik:GridBoundColumn>
<telerik:GridHyperLinkColumn DataNavigateUrlFields="UniqueId,RevisionNo"
DataNavigateUrlFormatString="~/UpdateDetail.aspx?MaterialID={0}&RevisionNo={1}&"
DataTextField="UniqueId" HeaderText="Material ID" UniqueName="UniqueId" AutoPostBackOnFilter="true">
<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
</telerik:GridHyperLinkColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
<br />
</table>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="gvrgPendingWorkflow">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="gvrgPendingWorkflow" LoadingPanelID=""/>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
<div id="ContentRight" runat="server"></div>
<hr align="left" />
<asp:Label ID="lblGoTo" CssClass="goto" runat="server" Text="Go To:"></asp:Label>
</asp:Content>
Regards,
Kaushik
2 Answers, 1 is accepted
Since you grid's id is RadGrid1, I think that you should replace the id of the control in the RadAjaxManager setting with RadGrid1 instead of gvrgPendingWorkflow.
More information about how to ajaxify controls with our ajax manager you can gather from these sources:
http://demos.telerik.com/aspnet-ajax/ajax/examples/manager/firstlook/defaultcs.aspx
http://www.telerik.com/help/aspnet-ajax/ajxajaxmanager.html
Best regards,
Sebastian
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Rank 1
Thank you for the feedback.
I did replace gvrgPendingWorkflow with the RadGrid1 and still seeing the same issues.
The ASPX Code is listed below.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebGridEval.WebForm1" %>" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
<asp:Content ID="Content2" ContentPlaceHolderID="cphContent" Runat="Server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>
<!--Start Content Right-->
<table id="tblResults" runat="server" width="100%">
<br />
<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True"
GridLines="None" AllowMultiRowEdit="True" AllowMultiRowSelection="True"
AutoGenerateColumns="False" AutoGenerateEditColumn="True" AllowPaging="True"
AllowCustomPaging="True" PageSize="25" EnableAJAX="true"
onupdatecommand="RadGrid1_UpdateCommand">
<MasterTableView EditMode="InPlace" DataKeyNames="UniqueId">
<Columns>
<telerik:GridBoundColumn DataField="ContractNo"
HeaderText="Contract Number" UniqueName="ContractNo" AutoPostBackOnFilter="true" >
<FooterStyle Font-Bold="True" />
<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
</telerik:GridBoundColumn>
<telerik:GridHyperLinkColumn DataNavigateUrlFields="UniqueId,RevisionNo"
DataNavigateUrlFormatString="~/UpdateDetail.aspx?MaterialID={0}&RevisionNo={1}&"
DataTextField="UniqueId" HeaderText="Material ID" UniqueName="UniqueId" AutoPostBackOnFilter="true">
<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center"
Wrap="True" />
</telerik:GridHyperLinkColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
<br />
</table>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadGrid1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID=""/>
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
<div id="ContentRight" runat="server"></div>
<hr align="left" />
<asp:Label ID="lblGoTo" CssClass="goto" runat="server" Text="Go To:"></asp:Label>
</asp:Content>