Sorting on click of Grid Header.

[Puttu]

RADGrid sorts records only when the HeaderText of a column is clicked. I want to sort Grid data on click of the column header. Is there a way to do this?

[Shinu]

Hi Puttu,

Give a try with the following code snippet in the PreRender event of the RadGrid and see if it helps.

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>

Thanks
Shinu.

[ww1711]

For those wondering if this works or not... YES. It does.

My issue is that while editing the header text with custom strings, the sorting disappeared. This works, though.

+1 Shinu!