Fire "Sort" command on column header click

[Crescent]

I would like to allow the user to be able to click anywhere in the column header to sort the grid by that column. RadGrid currently seems to only support clicking on the header Text. Are there any documented demos that show how to do this?

[Shinu]

Hi Crescent,

Try the following code snippet to achieve the desired scenario.

CS:

 protected void RadGrid1_PreRender(object sender, EventArgs e)
    {
        foreach (GridColumn col in RadGrid1.MasterTableView.RenderColumns)
        {
            foreach (GridHeaderItem header in RadGrid1.MasterTableView.GetItems(GridItemType.Header))
            {
                header[col.UniqueName].Attributes.Add("OnClick", "return SortColumn('"+ col.UniqueName+ "');");
            }
        }
   }

JS:

<script type="text/javascript">
        function SortColumn(ColumnName)
        {
         var masterTable = $find("<%= RadGrid1.ClientID %>").get_masterTableView();
          masterTable.sort(ColumnName);
        }
        </script>

Regards
Shinu.

[Crescent]

Your example breaks the original functionality: clicking on the header text now does not flip the sort. I guess you don't test code snippets you post.

[Shinu]

Hi Crescent,

The above code is not breaking the original functionality on my end. Sorting is working well on clicking the header text as well as the Column header. I am not sure about what is happening on your end. Which version of the Grid are you using? Mine is RadGrid for asp.net AJAX(2008.3.1125.20).

Shinu

[Crescent]

Yep. Broken. In two projects I tried (with different data binding semantics) one didn't flip the sort, and the other fired the sort twice. I suspect the latter is more common. Try yours again using firebug. You'll see TWO data requests going out, for ONE header text click.

I'm using 2008.3.1105.35