RadAjaxPanel in a Grid

[anna]

I am new to .Net and RadControls. I am using your RagGrid on my ASP.NET 2.0 webpage. I want Ajax enabled grid, that will not use server resources on sorting, paging etc... Do I need to create ASP.NET AJAXEnabled website instead of ASP.Net Website for this purpose or your grid has built in Ajax functionlaity (no need of any coding).

My second question is my RadGrid takes time to load. I used your RadAjaxPanel the way it was shown in tutorial. 

<telerik:RadAjaxManager EnableAJAX="true" ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</

telerik:RadAjaxManager>

But the problem is it works fine after the grid is loaded and appear on page and I can see the loading image if I do any sorting, paging etc... but I need this loading panel work while my grid is loading the very first time after a button click (I bind my grid on a button click). How do I do that?

I saw your old version of grid has:

EnableAJAX="True" EnableAJAXLoadingTemplate="True"

LoadingTemplateTransparency="20"  But how I do this in your new version of    telerik:radgrid. Thanks.

[Konstantin Petkov]

Hi anna,

There is no built-in AJAX in RadGrid for ASP.NET AJAX. You can use the RadAjaxManager along with the RadAjaxLoadingPanel to achieve the same result.

I suppose you need to add another AJAX setting where the Button is set to update the Grid:

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

You can read more about configuring the RadAjaxManager control here.

All the best,
Konstantin Petkov
the Telerik team

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

[anna]

I added this but now my radgrid doesn't load at all. problem is still there.

[Konstantin Petkov]

Hello Anna,

The problem seems to be with the Grid binding and I suppose it is not related to the AJAX-enabling the Grid. Do you get the same problem setting EnableAJAX to false (disabling AJAX)? Is the Grid populated as expected this way?

Do you use Advanced data-binding technique (NeedDataSource event) as demonstrated here:

http://www.telerik.com/DEMOS/ASPNET/Prometheus/Grid/Examples/Programming/NeedDataSource/DefaultCS.aspx


Sincerely yours,
Konstantin Petkov
the Telerik team

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