Hi John,
What you have is nested update panels and you wish to only dispose the inner one. This cannot happen even with the standard MS AJAX controls. The update panel that we create around Panel1 will also envelop the RadComboBoxRuleType RadComboBox and dispose it, which is the cause of the JavaScript error caused by the secondary setting related to the comboboxes only.
What you need is the following:
0. Since you are working on the same page you only need the RadAjaxManager control and not the proxy
1. move the RadAjaxManager out of all update panels, e.g. as the first control below the script manager
2. remove the setting for the comboboxes, as it is not necessary, you already have AJAX functionality in place:
in the child page:
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager"
runat
=
"server"
UpdateInitiatorPanelsOnly
=
"true"
>
<
AjaxSettings
>
<%--<
telerik:AjaxSetting
AjaxControlID
=
"RadComboBoxRuleType"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadComboBoxFunctionType"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadComboBoxRuleType"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
--%>
<
telerik:AjaxSetting
AjaxControlID
=
"RadButtonSave"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"Panel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanelWindow"
runat
=
"server"
Skin
=
"WebBlue"
>
</
telerik:RadAjaxLoadingPanel
>
<
telerik:RadAjaxLoadingPanel
runat
=
"server"
Skin
=
""
ID
=
"RadAjaxLoadingPanelFuncdtion"
OnClientShowing
=
"clientShowing"
Transparency
=
"30"
AlternateText
=
"Loading"
>
<
div
style
=
"background-color: #F5F5F5; width: 161px; height: 24px"
>
</
div
>
<
asp:Image
runat
=
"server"
ID
=
"dd"
ImageUrl
=
"~/loading.gif"
Style="position: relative;
margin-left: 165px; margin-top: -21px; background-color: #F5F5F5;" />
</
telerik:RadAjaxLoadingPanel
>
<
asp:Panel
runat
=
"server"
ID
=
"Panel1"
Width
=
"600px"
Height
=
"300px"
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RadComboBoxRuleType"
Skin
=
"Office2010Blue"
AutoPostBack
=
"true"
CausesValidation
=
"false"
OnSelectedIndexChanged
=
"RadComboBoxRuleType_SelectedIndexChanged"
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
"AAA"
/>
<
telerik:RadComboBoxItem
Text
=
"BBB"
/>
<
telerik:RadComboBoxItem
Text
=
"CCC"
/>
</
Items
>
</
telerik:RadComboBox
>
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RadComboBoxFunctionType"
Skin
=
"Office2010Blue"
CausesValidation
=
"false"
>
</
telerik:RadComboBox
>
<
telerik:RadButton
ID
=
"RadButtonSave"
runat
=
"server"
Text
=
"Save"
Skin
=
"Sitefinity"
OnClick
=
"RadButtonSave_Click"
>
<
Icon
PrimaryIconCssClass
=
"rbSave"
PrimaryIconLeft
=
"4"
SecondaryIconTop
=
"4"
/>
</
telerik:RadButton
>
</
asp:Panel
>
<
script
type
=
"text/javascript"
>
function clientShowing()
{
}
</
script
>
Greetings,
Marin Bratanov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their
blog feed now.