如何在Kendo UI MVC网格上获取选择单身人士的行数据？

Question

I'm using a kendo grid to represent an year plan where I have a line for every person and a column with the name of the employee and another 30/31 for the day of the month shown on the grid. What I need is by selecting one cell, getting the employee Name (or ID) and the index.

this is the gird code:

@(Html.Kendo().Grid<WorkTimeManager.Presentation.Models.YearPlanViewModel>()
      .Name("gridJan")

      .Columns(col =>
      {
          col.Bound(c => c.EmployeeName).Title("Employee").Width(170);
          col.Group(group => group
           .Title("January")
           .Columns(columns =>
           {
               columns.Bound(c => c.Day1).Width(30);}
               columns.Bound(c => c.Day2).Width(30);}
               columns.Bound(c => c.Day3).Width(30);}

...and some more... the grid is selectable by cell (NOT row)

.Selectable(selectable => selectable
            .Mode(GridSelectionMode.Multiple)
            .Type(GridSelectionType.Cell))

and I need to acess the data item with JavaScript, so far this is all I got:

function getDataFromGrid(gridName){
        var grid = $('#'+gridName).data('kendoGrid');
        alert(grid);
        var cell = grid.select();

using

var data = grid.dataItem(cell);

won't work unless is selectable by row (not cell).

thank you in advance

Answer 1

GridSelectionMode is "Multiple" and the GridSelectionType is "Cell" the select method return array of selected grid cells

var grid = $("#gridJan").data("kendoGrid");
currentSelection = grid.select();
selectedRows = [];
currentSelection.each(function () {
var currentRowIndex = $(this).closest("tr").index();
if (selectedRows.indexOf(currentRowIndex) == -1) {
    selectedRows.push(currentRowIndex);
}
})

Answer 2

@Pizzy Could you use jQuery and a click event to navigate the grid? Something similar to below..

$('#gridJan tr td').click(function(){  

   //Get the name, etc by navigating upward from td to the tr parent and then back down to find specific child td that contains the needed data
   var id = $(this).parent('tr').children('whatever you are looking for').html();

   ...
});