toolbar buttons in nested kendo grid

[JCSCo]

Hi,

 

I have a kendo grid with a detail template for each row that holds another grid. On the nested grid I will have three custom toolbar buttons. I can access the click event of the custom button in general, but it does not seem to tie to a specific nested grid. Clicking on the button on one grid will give me access to the grid's contents, but when I click on the custom button from a different nested grid I get the data from the first one. Is there a way to add a unique id to the button so I can get the data for each specific grid on the click of the corresponding button? Here is the code I am using so far:

 

Grid:   toolbar: [  { name: "custom", text: "Custom" }
                    ],

 

Event Handler:   $(".k-grid-custom").click(function (e) {
            debugger
            var ledgerGrid = $(".ledger").data("kendoGrid");
            var selected = ledgerGrid._data[0].account_id;
        });

[Alexander Popov]

Hi,

You can try searching the DOM for the Grid closest to the toolbar button that was clicked. For example: 

$("#theParentGrid").on("click", ".k-grid-custom", function (e) {
  var grid = $(this).closest("[data-role='grid']").getKendoGrid();
  debugger
});

Regards,
Alexander Popov
Telerik