[Solved] RadGrid won't ajaxify

[Steven]

I am using the latest asp.net for ajax RadGrid (2008.1.619.20) in a dotnetnuke module.

I was just following the tutorial pdf and it said I had to check the enable ajax option but I found on this forum that you have to ajaxify the grid using the updatepanel or the ajaxmanager. However clicking on a header or draggin a header to group the grid still causes a flashing postback of the entire page.
My other module that uses an ajax manager ajaxifies nicely but it does not contain a grid.

Here is a code snippet:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"
    DefaultLoadingPanelID="WedstrijdBeheerLoadingPanel">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadGrid1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid1"
                    LoadingPanelID="WedstrijdBeheerLoadingPanel" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>


<telerik:RadAjaxLoadingPanel ID="WedstrijdBeheerLoadingPanel" 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>


<asp:SqlDataSource ID="SqlDataSource1" runat="server"
    ConnectionString="<%$ ConnectionStrings:SiteSqlServer %>"
    SelectCommand="SELECT * FROM wedstrijd"></asp:SqlDataSource>

<telerik:RadGrid ID="RadGrid1" runat="server" EnableAjaxSkinRendering="true" AllowPaging="True"
    AllowSorting="True" DataSourceID="SqlDataSource1" GridLines="None"
    ShowGroupPanel="True" Skin="WebBlue">
    <AlternatingItemStyle BackColor="#E0DFE3" Font-Bold="False" Font-Italic="False"
        Font-Overline="False" Font-Strikeout="False" Font-Underline="False"
        Wrap="True" />
    <PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView AutoGenerateColumns="False" DataKeyNames="ItemID"
        DataSourceID="SqlDataSource1">
<RowIndicatorColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</RowIndicatorColumn>

<ExpandCollapseColumn>
<HeaderStyle Width="20px"></HeaderStyle>
</ExpandCollapseColumn>
    <Columns>
        <telerik:GridBoundColumn DataField="ItemID" DataType="System.Int32"
            HeaderText="ItemID" ReadOnly="True" SortExpression="ItemID" UniqueName="ItemID">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Title" HeaderText="Title"
            SortExpression="Title" UniqueName="Title">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="EndDate" DataType="System.DateTime"
            HeaderText="EndDate" SortExpression="EndDate" UniqueName="EndDate">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="CreatedDate" DataType="System.DateTime"
            HeaderText="CreatedDate" SortExpression="CreatedDate" UniqueName="CreatedDate">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="MaxEntries" DataType="System.Int32"
            HeaderText="MaxEntries" SortExpression="MaxEntries" UniqueName="MaxEntries">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Antwoord" HeaderText="Antwoord"
            SortExpression="Antwoord" UniqueName="Antwoord">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Antwoord2" HeaderText="Antwoord2"
            SortExpression="Antwoord2" UniqueName="Antwoord2">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn DataField="Clicks" DataType="System.Int32"
            HeaderText="Clicks" SortExpression="Clicks" UniqueName="Clicks">
        </telerik:GridBoundColumn>
    </Columns>
</MasterTableView>
    <ClientSettings AllowDragToGroup="True">
    </ClientSettings>
</telerik:RadGrid>

[Vlad]

Hi Steven,

Do you get the same with plain UpdatePanel or this can be reproduced only with the manager?

Best wishes,
Vlad
the Telerik team

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

[Steven]

Hi Vlad,

I get the same result when using the rad update panel or the regular .net ajax update panel.

[Sebastian]

Hello Steven,

Since RadAjaxManager injects dynamically MS UpdatePanels around the ajaxified controls and RadAjaxPanel extends the standard MS UpdatePanel, I suggest you first implement the functionality you request with plain update panels. Then switching to RadAjaxPanel or using RadAjaxManager on the page should produce the same result.

Let me know if you experience problems replacing the MS UpdatePanels with our RaAjax controls - we will gladly assist.

Kind regards,
Stephen
the Telerik team

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

[Steven]

There is no problem with replacing the panels, the standard MS panels work as does the Rad Ajax Manager, I don't get any error, the only problem is the entire page still does the flash/postback when I use a sorting or grouping function of the RadGrid.

When removing the grid and just adding a button to do a postback, the same problem occurs. I have a few larger modules that work perfectly and this module has no content except a button and a label and a radajaxmanager and it won't ajaxify. I don't get it. I can set the minimumdisplay time of the loadingpanel but the loadingpanel never shows. it is a module made using the dotnetnuke quickstart plugin for visual studio with no app code, only presentation code for testing, in dotnetnuke 4.8.4.  I tried removing other modules from the page as they might interfere with this one but with no success.

Next step will be to just create a new module from scratch and see if that works...

[Steve Newbery]

I had a similar issue, and eventually I found that if I set Transparency="0" for the RadAjaxLoadingPanel, or if the Transparency attribute was not specified, then the RadGrid flashes when expanding groups etc. When I put Transparency="1" , it works nicely again.

I notice that in your code you haven't specified the transparency, maybe that's the reason?

Slightly quirky behaviour isn't it?