Ajax Spinner on all Controls

[Stuart Shay]

Hello All:

On my page In the Ajax Manager Proxy I defined the controls which get updated on postback everything is working as expected, the issue is that every control has a spinner over it when the page is processing the Ajax request.

How do I define the Markup below so when the RadTabStrip1 and rblFilterType events fire the Spinner only appers over the GridView1 and not the other controls.

Attached is a screenshot showing the spinner over the RadioButon list (rblFilterType) which i want to remove.

Any Code Samples or links would be much appreciated.
Version: 2010.1.519.35

Thanks
Stuart
 

   <telerik:RadAjaxLoadingPanel ID="radAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadTabStrip1"  />
                        <telerik:AjaxUpdatedControl ControlID="GridView1" LoadingPanelID="radAjaxLoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="PageStatus1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="GridView1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="GridView1" LoadingPanelID="radAjaxLoadingPanel1"  />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="rblFilterType">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rblFilterType" />
                        <telerik:AjaxUpdatedControl ControlID="GridView1" LoadingPanelID="radAjaxLoadingPanel1" />
                        <telerik:AjaxUpdatedControl ControlID="PageStatus1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManagerProxy>

[Mira]

Hello Stuart,

I recommend that you use the following code in order to implement the desired functionality:

Copy Code

protected void Page_Load(object sender, EventArgs e)
{
    RadAjaxManager manager = RadAjaxManager.GetCurrent(Page);
    manager.AjaxSettingCreated += new RadAjaxControl.AjaxSettingCreatedDelegate(manager_AjaxSettingCreated);
}

void manager_AjaxSettingCreated(object sender, AjaxSettingCreatedEventArgs e)
{
    e.UpdatePanel.ChildrenAsTriggers = false;
}

I hope this helps.

Best wishes,
Mira
the Telerik team

[Stuart Shay]

Mira

When the Control is clicked I want only the GridView1 Control updated, so when  RadTabStrip1 or  

rblFilterType is clicked I don't want the spinner over the these controls but only the Gridview1 to have the spinner.

Thanks
Stuart

 

 

[Mira]

Hello Stuart,

Have you tried the code from my previous post in your project?
Please let me know whether it changes anything.

I am looking forward to your reply.

Regards,
Mira
the Telerik team

[Stuart Shay]

Mira:

 

The Code you provided just places the spinner on the item clicked (No Child Items) so if the Button is clicked the Spinner just appears arround the button.

 

I want it so that when the button is clicked the spinner does not appear arround the button but just the Grid.  I do want the Child Item of only the Grid and NOT the Parent or any other items on the page.

 

If you could provide a sample would be great !!!

 

Thanks

Stuart

[Mira]

Hello Stuart,

I have followed your scenario and prepared a sample project for you demonstrating how the desired functionality can be implemented. You can find it attached to this message.

I hope it helps.

Greetings,
Mira
the Telerik team