How to select a cell client side?

[Daniel]

Hi there,

How can I select a cell by using Javascript? I found a method to clear all selected cells but it seems there is not way to select / deselect a single cell on client side.

Please can you help me?

Thank you and regards,
Dan

[Konstantin Dikov]

Hello Daniel,

Once you get reference to a particular cell element you can use the private _cellSelection.select(cell) method of the grid to select that cell:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
        function pageLoad() {
            var grid = $find("<%=RadGrid1.ClientID%>");
            var tableView = grid.get_masterTableView();
            var someCell = tableView.get_dataItems()[0].get_element().cells[0];
            grid._cellSelection.select(someCell);
        }
    </script>
</telerik:RadCodeBlock>

<telerik:RadGrid runat="server" ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource">
    <ClientSettings>
        <Selecting CellSelectionMode="MultiCell" />
    </ClientSettings>
</telerik:RadGrid>

Hope this helps.


Regards,
Konstantin Dikov
Telerik