How do I select a specific cell in dataBound event

[Chombito]

Hi!

I want to select a cell after the grid is displayed. How do I select a specific cell based on the column index and row index in the dataBound event?

Thanks

[Alexander Valchev]

Hi Chombito,

Thank you for getting in touch with us.

To achieve that you select the corresponding cell (<td> element) from grid's content using jQuery. After the cell is found you can simply pass it to the select method of the grid. All cells of the current page are rendered when the dataBound event fires. As an example:

dataBound: function (e) {
  var rowIndex = 2, //zero based
      colIndex = 1, //zero based
      cell,
      grid = this;

    cell = grid.tbody
          .find(">tr")
          .eq(rowIndex)
          .find(">td:nth-child(" + (colIndex + 1) + ")");

    grid.select(cell);
}

You can test the solution here: http://jsbin.com/atigik/2/edit
For more information please check the jQuery selectors API reference: http://api.jquery.com/category/selectors/

Kind regards,
Alexander Valchev
the Telerik team

[Chombito]

That's the way to do it. Thanks!