How to change the cell of a radgrid when each cell is clicked individually?

[M]

Hi

I have a radgrid with multiple columns, I want to change the colour of a cell individually when the cell is clicked on a client side. Also, I need to capture the cell id or index and the column details and update the database.

Thanks

[M]

I've managed to click a cell by enabling the CellSelectionMode="MultiCell" and calling OnCellSelected event on a client side.

However, I 'm not able to change the colour of a cell.

Please can someone suggest?

Thanks

[Princy]

Hi,

Please take a look at the following code snippet to change the color of the selected cell.

ASPX:

<ClientSettings Selecting-CellSelectionMode="MultiCell">
    <ClientEvents OnCellSelected="OnCellSelected" />
</ClientSettings>

JS:

<script type="text/javascript">
 function OnCellSelected(sender, eventArgs) {
    var Rows = eventArgs.get_gridDataItem();
    var rowIndex = Rows.get_itemIndexHierarchical(); //Get index
    var columnName = eventArgs.get_column().get_uniqueName();
    var data = Rows.get_cell(columnName);
    alert(data.innerHTML); //Get the cell value
    data.style.color = "red";
  }
</script>

Thanks,
Princy