Grid / Hierarchy selected Id or selected Row

[Fernando]

Hi there this is my first post in here, let me talk about my problem, I have a Grid with Hierarchy and I added a custom button to the child grid to show something else in a kendo window but I need and the id from the datasource of the child id.

This is my code:

$("#grid").delegate(".details-button", "click", function(e) {
           e.preventDefault();
           console.log($(this).closest("tr")); // this return the correct TR
           var dataItem = grid.data('kendoGrid').select($(this).closest("tr")); // this return null
           console.log(dataItem);
     });
});

This is based on the example of custom command.

Greetings

[Alexander Valchev]

Hello Fernando,

I am afraid your question is a bit unclear. Could you please clarify what do you mean by "I need and the id from the datasource of the child id."?

If I understood you right, you would like to retrieve the id of the record from detail grid. Then in the click function I suggest to reference the child grid and use the dataItem method. For example:

$("#grid").delegate(".details-button", "click", function(e) {
    var row = $(this).closest("tr"),
      grid = $(this).parents("[data-role=grid]").data("kendoGrid"); //gets child grid

    var model = grid.dataItem(row);
    console.log(model); //model contains the id
}

Greetings,
Alexander Valchev
the Telerik team