[Solved] panel ajaxified by multiple controls

[Albert Shenker]

I have the following structure and am getting an odd behavior.

 <telerik:RadAjaxLoadingPanel id="lpCTC" Runat="server" Transparency="30" BackColor="#E4E4E4"><asp:Image id="Image1" runat="server" AlternateText="Loading..." BorderWidth="0px" ImageUrl="~/global/images/loading2.gif" style="margin-top:50px;"></asp:Image></telerik:RadAjaxLoadingPanel>
    <asp:Panel id="pnlCTC" runat="Server">
<telerik:radcombobox id="rcProcessConnection" runat="server" Skin="Windows7"  AutoPostBack="true" CausesValidation="false" ></telerik:radcombobox>
<asp:Label id="Label1" runat="Server" />
</asp:Panel>
<Asp:Button id="Button1" runat="Server" Text="Save" />

I use an Ajax Manager and have the following settings in code behind:

MyAjaxManager.AjaxSettings.AddAjaxSetting(Button1, pnlCTC, lpCTC)
MyAjaxManager.AjaxSettings.AddAjaxSetting(rcProcessConnection, pnlCTC)

I want the following behavior.. When the Button is clicked, a loading panel is displayed over the entire content and some processing occurs. When the Combo is selected, the label is updated through Ajax, without a loading panel.

What is happening is, the button and loading panel work fine. However, the combo selection causes the screen to "blink". A normal page refresh doesn't occur, so I know an Ajax update is occuring, however, this blink should not happen. I believe this is being caused because the panel is ajaxified by both an external control (the button), as well as an internal control (the combobox).

This is actually a stripped out example. I have many more controls than just the combo box and lable inside the panel, so I can't simply ajaxify the label with the combo box.

I tried adding a seperate inner panel inside of the outer "pnlCTC", and ajaxified that using the combo box:

<telerik:RadAjaxLoadingPanel id="lpCTC" Runat="server" Transparency="30" BackColor="#E4E4E4"><asp:Image id="Image1" runat="server" AlternateText="Loading..." BorderWidth="0px" ImageUrl="~/global/images/loading2.gif" style="margin-top:50px;"></asp:Image></telerik:RadAjaxLoadingPanel>

<asp:Panel id="pnlCTC" runat="Server">   <asp:Panel id="pnlInner" runat="Server">

<telerik:radcombobox id="rcProcessConnection" runat="server" Skin="Windows7"  AutoPostBack="true" CausesValidation="false" ></telerik:radcombobox>

<asp:Label id="Label1" runat="Server" />

</asp:Panel>  </asp:Panel>

<Asp:Button id="Button1" runat="Server" Text="Save" />

MyAjaxManager.AjaxSettings.AddAjaxSetting(Button1, pnlCTC, lpCTC)

MyAjaxManager.AjaxSettings.AddAjaxSetting(pnlInner, pnlInner)  However, this didn't seem to make any difference. Is there a way around this issue?

[Martin]

Hello Albert Shenker,

I have attached a small sample project that demonstrates the desired functionality. Please give it a try and let me know how it goes.

Regards,
Martin
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.