Javascript error when using button in RadAjaxPanel

[Alexandre]

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

[Genti]

Hi Alexandre,

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

Best wishes,
Genti
the Telerik team

[Alexandre]

Thanks this helped me solve my problem :)

Alex