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

Javascript error when using button in RadAjaxPanel

2 Answers 104 Views

Ajax

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

Alexandre asked on 13 Jun 2011, 09:41 PM

Hi,

I am new to ajax and I am having difficulty using radAjaxPanel.
I am using the following HTML:

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">

<telerik:RadGrid ID="grdFormList" runat="server" CssClass="RadGrid" GridLines="None"

AllowPaging="false" AllowSorting="false" AutoGenerateColumns="False"

ShowStatusBar="true" Height="100%" Width="100%" OnNeedDataSource="grdFormList_NeedDataSource" OnDataBound="grdFormList_DataBound">

<MasterTableView CommandItemDisplay="None" DataKeyNames="ID">

<NoRecordsTemplate>

No forms to review

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Title" HeaderText="Incentive Plan Form" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="View" HeaderText="View" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<telerik:radbutton id="btnViewItem" runat="server" text="" style="background:url(/_layouts/MirandaImages/msinfopath.png); width:20px; height:20px;">

<Image EnableImageButton="true" />

</telerik:radbutton>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="LastReviewDate" HeaderText="Last Review" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="Review" HeaderText="Review This Item" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">

<ItemTemplate>

<asp:CheckBox id="cbReview" checked="false" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

</div>

<div id="divFooterButtons" style="text-align:right; width:800px; padding-top:5px;">

<telerik:RadButton ID="btnSubmit" runat="server" Text="Done" OnClick="btnSubmit_Click" />

</div>

If I put the "divFooterButtons" inside the ajax panel I get an error: PageRequestManagerPerserErrorException: the message received from the server could not be parsed.

I do not have any response.write() in my code behind.

What I want to achieve is to refresh only the grid when I click the button.

Any help would be appreciated.
Thank you

Alex

2 Answers, 1 is accepted

answered on 14 Jun 2011, 01:47 PM

AjaxPanel.rar

Hi Alexandre,

Take a look at the attached solution.
Hope this helps.

Best wishes,
Genti
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.