[Solved] Grid refreshes like a postback even with RadAjaxManager

[Siddharth]

Hi guys,

I am fairly new to Telerik controls. I have implemented a grid using one of the examples given on the website. But even though I have used the RadAjaxManager using the code below:

<telerik:RadAjaxManager ID="RadAjaxManager_Bank" runat="server">
                                        <AjaxSettings >
                                            <telerik:AjaxSetting AjaxControlID="RadGrid_Bank">
                                                <UpdatedControls>
                                                    <telerik:AjaxUpdatedControl ControlID="RadGrid_Bank" LoadingPanelID="RadAjaxLoadingPanel_Bank" />
                                                </UpdatedControls>
                                            </telerik:AjaxSetting>
                                        </AjaxSettings>
                                    </telerik:RadAjaxManager>
                                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel_Bank" runat="server" Height="75px"
                                        Width="75px">
                                        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'
                                            style="border: 0px;" />
                                    </telerik:RadAjaxLoadingPanel>
                                    <telerik:RadGrid ID="RadGrid_Bank" runat="server" PageSize="5"
                                                    AllowPaging="True"
                                                    AllowFilteringByColumn="True" AllowSorting="True" GridLines="Both"
                                                    ShowGroupPanel="True" Skin="Vista" AutoGenerateColumns="false">
</telerik:RadGrid>

I still get to see sort of an update going on the grid (I wont call it refresh) if I try an activity like sorting etc.
So if I sort, the grid just flashes out from the page (without page refresh), and I can see the Loading Panel in progress, and once processing (loading) is finished, it resumes to the normal state.
What I want is to do what is provided on the website. To let the loading panel come on top of the grid and the grid not to flash out and come back on the screen.

Regards

[Steve]

Hi Siddharth,

Please set the transparency property of the LoadingPanel to some value to achieve the desired effect.

Regards,
Steve
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Shinu]

Hi Siddharth,

Try setting the Transparency for the Loading Panel as shown below.

<telerik:RadAjaxLoadingPanel ID="alpMain" runat="server" Height="75px" Width="75px" Transparency="20" >
    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border: 0; margin-top: 50px;" />
</telerik:RadAjaxLoadingPanel>

Shinu.

[Siddharth]

Thanks guys