Server-side column selected event

[Al]

Hi,

I have a grid where the user will click a column and I want to handle that column-click server-side. I tried handling OnSelectedCellChanged (with EnablePostBackOnRowClick="true") but that only works when clicking cells, not columns headers. How can I achieve this?

[Al]

 I have found a half-solution for this:

<ClientSettings
    ClientEvents-OnColumnClick="grdRaw_OnColumnClick"
    Selecting-CellSelectionMode="Column"
    EnablePostBackOnRowClick="true"
    >
</ClientSettings>

 

The only thing is that now when clicking a cell the whole column is no longer selected ie. CellSelectionMode="Column"  seems to have no effect.

What I want is that a whole column is selected when the user clicks the column header or any cell in that column and then do a postback - any ideas?

[Konstantin Dikov]

Hello Al,

If the selection stopped working after you have included those client settings, it is possible that there is a JavaScript error present on the page that breaks the functionality of the controls.

Notwithstanding, for handling the header column click on server-side you can use the client-side OnColumnClick event and fire custom command through the grid's MasterTableView with the column's UniqueName:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
        function grdRaw_OnColumnClick(sender, args) {
            sender.get_masterTableView().fireCommand("ColumnHeaderClick", args.get_gridColumn().get_uniqueName());
        }
    </script>
</telerik:RadCodeBlock>

<asp:Label runat="server" ID="Label1"></asp:Label>

<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemCommand="RadGrid1_ItemCommand">
    <ClientSettings  ClientEvents-OnColumnClick="grdRaw_OnColumnClick"
        Selecting-CellSelectionMode="Column"
        EnablePostBackOnRowClick="true">
    </ClientSettings>
</telerik:RadGrid>

And the code-behind:

protected void RadGrid1_ItemCommand(object sender, GridCommandEventArgs e)
{
    if (e.CommandName == "ColumnHeaderClick")
    {
        var clickedColumnName = e.CommandArgument.ToString();
        Label1.Text = clickedColumnName;
    }
}

As for the Column CellSelectionMode, this property will select the cells for the entire column only when you click on the column's header. Detailed information on this matter is available in the following help article:

• Selecting Cells and Columns

Hope this helps.


Regards,
Konstantin Dikov
Telerik