This is a migrated thread and some comments may be shown as answers.

AJAX grouping not working

3 Answers 171 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Beth M asked on 08 Jun 2010, 07:19 PM

Hi,
I'm new to the Telerik controls and ASP.NET AJAX, so this may be a very elementary question, but I'm having a hard time figuring this out.

I'm trying to get grouping working, like here where you can drag and drop columns and then the grid reloads to group the results.
I also followed the tutorial in the pdf here, which ended up working without errors but it doesn't let me drag-and-drop. Also, I can't even sort the data without reloading the page which I thought was something AJAX would fix as well..

So I guess my question is, how do I get AJAX working? I'm not sure what code snippets would be helpful. Here's my aspx page:

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
                <head runat="server"> 
        
                <title> 
        
                </title> 
        
            </head> 
        
                <body> 
        
                <form id="form1" runat="server"> 
        
                <telerik:RadScriptManager id="RadScriptManager1" runat="server" __designer:wfdid="w3"> 
        
                </telerik:RadScriptManager>&nbsp;  
        
            <telerik:RadAjaxLoadingPanel id="RadAjaxLoadingPanel1" __designer:wfdid="w6" Skin="Default" Runat="server" Transparency="50" MinDisplayTime="3">Loading....?</telerik:RadAjaxLoadingPanel>  
        
            <DIV> 
        
                <telerik:RadGrid id="RadGrid1" runat="server" __designer:wfdid="w1" DataSourceID="SqlDataSource1" GridLines="None" ShowStatusBar="True" AllowPaging="True" AllowSorting="True" ShowGroupPanel="True"> 
        
                    <PagerStyle PageButtonCount="15" Position="TopAndBottom" AlwaysVisible="True"></PagerStyle> 
        
                    <MasterTableView DataSourceID="SqlDataSource1" AutoGenerateColumns="True"> 
        
                        <PagerStyle AlwaysVisible="True"></PagerStyle> 
        
                    </MasterTableView> 
        
                    <GroupingSettings ShowUnGroupButton="True"></GroupingSettings> 
        
                </telerik:RadGrid> 
        
                <asp:SqlDataSource id="SqlDataSource1" runat="server" __designer:wfdid="w2" 
        
                    ProviderName="<%$ ConnectionStrings:ConnectionString1.ProviderName %>" 
        
                    ConnectionString="<%$ ConnectionStrings:ConnectionString1 %>" 
        
                    SelectCommand="select * from testtbl where rownum < 30"></asp:SqlDataSource>  
        
            </DIV> 
        
            <telerik:RadAjaxManager id="RadAjaxManager1" runat="server" __designer:wfdid="w4" 
        
                DefaultLoadingPanelID="RadAjaxLoadingPanel1"> 
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="RadGrid1"> 
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManager> </form></body></html>

although I'm not sure if this isn't more of a web.config problem.. Like I said though, I'm new to this.. Any help would be much appreciated!

Thanks in advance!
- Beth

3 Answers, 1 is accepted

answered on 09 Jun 2010, 08:54 AM

grouping-with-ajax.zip

Hello Beth,

I followed your scenario and prepared a simple working application which handles the desired functionality. Please examine it and let me know if you need additional assistance.

I hope this helps.

Best wishes,
Pavlina
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.

answered on 09 Jun 2010, 04:19 PM

Hi, thanks for the response. I downloaded the files and tried running the page. Here's the changes I made:

1. Commented out the 'authentication mode="Windows"' part in web.config.
2. Had to add an assembly reference to Telerik.Web.UI
3. Got the error "The control with ID 'RadAjaxManager1' requires a ScriptManager on the page. The ScriptManager must appear before any controls that need it". I'm not sure why this is, since there is an asp:ScriptManager control immediately before the RadAjaxManager. I changed it to a telerik:RadScriptManager control, and that worked instead.
4. Also updated the connection string / sqldatasource for my (Oracle) database, but I don't think this has any relevance to the AJAX controls.

In the end, the page displays fine, but the AJAX is still not working. I'm not sure what the problem is, is something installed incorrectly maybe? No idea. Thanks for the example though.

-Beth

answered on 10 Jun 2010, 11:43 AM

grouping-with-ajax-new.zip

Hello Beth,

I am still not able to replicate the issue you are facing. Please refer to the attached project for reference and see if it works for you.

However, if the issue persists, you can open a formal support ticket, and send us a small project, demonstrating your logic, as well as the unwanted behavior, for additional local testing.

Best wishes,
Pavlina
the Telerik team