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

SortAsc and SortDesc not working on Arrow click

2 Answers 100 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ivan
Top achievements
Rank 1
Ivan asked on 12 Jan 2012, 04:35 AM
Hi, I've been looking around on the forums for this issue but to no avail.

I have a very simple project that has a RadGrid with some data. I enable sorting on the grid, and I set the images path for the SortAsc and SortDesc images.
The sorting works fine when I click on the column title text. However when I click on the arrows, nothing happens.
Any ideas?

A working asp file as an example:

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="RadGridTester._Default" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <telerik:RadGrid ID="RadGrid1" runat="server" ImagesPath="App_Themes/Default/icons/">
        <MasterTableView AllowSorting="true" AutoGenerateColumns="False">
            <Columns>
                <telerik:GridBoundColumn HeaderText="LAST NAME" DataField="LastName" SortExpression="LastName"
                    UniqueName="LastName" SortAscImageUrl="App_Themes/Default/icons/SortAsc.gif" SortDescImageUrl="App_Themes/Default/icons/SortDesc.gif">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="FIRST NAME" DataField="FirstName" SortExpression="FirstName"
                    UniqueName="FirstName" SortAscImageUrl="App_Themes/Default/icons/SortAsc.gif" SortDescImageUrl="App_Themes/Default/icons/SortDesc.gif">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn HeaderText="EMAIL" DataField="Email" SortExpression="Email"
                    UniqueName="Email" SortAscImageUrl="App_Themes/Default/icons/SortAsc.gif" SortDescImageUrl="App_Themes/Default/icons/SortDesc.gif">
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>
</asp:Content>

And codebehind:



using System;
using System.Collections.Generic;
 
namespace RadGridTester
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            var list = new LinkedList<Item>();
            list.AddLast(new Item() { LastName = "Doe", FirstName = "John", Email = "john@doe.com" });
            list.AddLast(new Item() { LastName = "Doe", FirstName = "Jane", Email = "jane@doe.com" });
            list.AddLast(new Item() { LastName = "Doe", FirstName = "Joe", Email = "joe@doe.com" });
            list.AddLast(new Item() { LastName = "Doe", FirstName = "Jimmy", Email = "jimmy@doe.com" });
            list.AddLast(new Item() {LastName = "Doe", FirstName = "Jack", Email = "jack@doe.com"});
            RadGrid1.DataSource = list;
            RadGrid1.DataBind();
        }
 
        private class Item
        {
            public string LastName { get; set; }
            public string FirstName { get; set; }
            public string Email { get; set; }
        }
    }
}

2 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 2
answered on 12 Jan 2012, 04:38 AM
Hello Ivan,

In order to apply advanced features like sorting, paging, grouping etc, you should bind the RadGrid with Advanced data binding using its NeedDataSource event. Check the following help documentation which explains more about this.
Advanced Data-binding (using NeedDataSource event).

-Shinu.
0
Ivan
Top achievements
Rank 1
answered on 12 Jan 2012, 11:07 PM
Great, thanks for that.
Tags
Grid
Asked by
Ivan
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Ivan
Top achievements
Rank 1
Share this question
or