Can't get selectedItem in DataGrid when using rowTemplate

[Dariel]

Hi guis, thx before everything:

I'd like to use the amazing Kendo's Grid to take soma advantages like paging, filtering through DataSource and more.
 As I show up in ths fiddle http://jsfiddle.net/dsubiros/5fXZq/ , I can't get selectedItem when I'm using a rowTemplate.

In this example if I change the attribute columns by " columns: ['OrderID', 'ShipName'] ", and comment out the rowTemplate attribute, grid works as expected, but I need to be able to use a template, and still get grid's selected row.

$("#grid").kendoGrid({
   dataSource: dataSource,
   pageable: true,
   selectable: true,
   rowTemplate: kendo.template($("#rowTemplate").html()),
   columns: [''],
   change: function() {
   var id = this.select().data("id");
   $("#log").html("LOG: selected id = " + id);
}
});

Please help me out.

[Dariel]

Hi again:

I found a temporal solution.
In the html template set a hidden field(or visible if you want to show it) with the item id from the template value. Ex:

..
<b id="${id}" style="display: hidden"></b>
<b>Ship Name: </b>${ ShipName }<br/>
..

then in grid's change event, we can capture the selected row's item id by using in a jQuery selector the class "k-state-selected", because that's the one that is put to a row when selected:

var id = $('.k-state-selected b:first').attr('id')

Then you can use this id.

Hope this helps somebody, but I'm waiting for the a KendoUI team developers solution, included in the framework.

Dariel

[Mauro]

Hi, I found a temporal easy solution, change first TR with

 <tr data-uid="#= uid #">