Usercontrol as editform with update panel

[Ruud]

Hello, I have a problem with a usercontrol as editform in a radgrid. In the usercontrol is a checkbox and a combobox. The combobox is made visible as the checkbox gets checked. This works fine without "Ajaxifing" the control (so full pageback is posted).  I'm trying to get the checkbox and the combobox in a updatepanel, but then I get the following error: Jscript runtime error: (...) could not find UpdatePanel with ID 'Radgrid1.(..)..UpdatePanel1. If it is being updated dynamically then it must be inside another UpdatePanel

This is de usercontrol

<%@ Control Language="VB" AutoEventWireup="true" CodeFile="GridEdit4.vb" Inherits="GridEdit4" %>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
  <ContentTemplate>
    <asp:panel runat="server" ID="pUpdate">
      <asp:CheckBox runat="server" id="chkUpdate" OnCheckedChanged="updateCombobox" AutoPostBack="true" />
      <asp:Label runat="server" ID="lbUpdate" Text="Update test" />
      <telerik:radcombobox runat="server" ID="cmbUpdate" Visible="false"  ></telerik:radcombobox>
    </asp:panel>
  </ContentTemplate>
</asp:UpdatePanel>


(

 And some snapshots from the aspx file

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePartialRendering="true" >
  <Scripts>
    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
  </Scripts>
</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" EnableAJAX="true" >
  <AjaxSettings>
    <telerik:AjaxSetting AjaxControlID="FormatieRadgrid">
      <UpdatedControls>
        <telerik:AjaxUpdatedControl ControlID="FormatieRadgrid" LoadingPanelID="RadAjaxLoadingPanel1" />
        <telerik:AjaxUpdatedControl ControlID="GridEdit4" LoadingPanelID="UpdatePanel1" />
      </UpdatedControls>
    </telerik:AjaxSetting>
  </AjaxSettings>
</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />



<!-- This is a snapshot from the Radgrid: -->

    </Columns>
      <EditFormSettings UserControlName="GridEdit4.ascx" EditFormType="WebUserControl">
        <EditColumn UniqueName="EditCommandColumn1"></EditColumn>
      </EditFormSettings>

  </telerik:GridTableView>
</DetailTables>

What should be done to get to UpdatePanel work in the Usercontrol?

Regards,
-Ruud Feringa

[Tsvetina]

Hi Ruud,

It is not advisable to use UpdatePanel and AjaxManager for ajaxifying the same page content/controls, as this could lead to unexpected behavior of the page (most probably this is the cause for the error you get). You should choose between AjaxManager and UpdatePanel, but use them both.

Regards,
Tsvetina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Ruud]

Hi,

Thanks for the reply, this was realy an eyeopener for me. 

I changed the radajaxmanager into:

<UpdatedControls>
      <telerik:AjaxUpdatedControl ControlID="FormatieRadgrid" LoadingPanelID="RadAjaxLoadingPanel1" />
      <telerik:AjaxUpdatedControl ControlID="FormatieRadgrid" LoadingPanelID="EditPeriodePanel" />
</UpdatedControls>

Were EditPeriodePanel is the id of the panel of the usercontrol, and now its working fine!
I realy love the RadGrid!

Again, thanks a lot
-Ruud.

[Puay Chai Tan]

Hi,

May I know how can I use the user control with update panel?
In my user control, I have two grid. I want to update that grid when the parent page is doing something(I means event).
Please help me out.

Regards.

[Ruud]

Hmm, I'm not quite sure if I understand what you mean, but a RadGrid in a usercontrol doesn't sound as best practice.
You should provide more information (code?) of your problem.