Inside a main grid I have a nested detail grid and a button. How is it possible to add a row to the nested grid on a button click. My solution doesn't work: @scope.detailsGrid is undefined (which is predictable).
$scope.addRow = function () { var grid = $scope.detailsGrid.data("kendoGrid"); grid.addRow(); return false; };<kendo-gridk-scope-field="mainGrid"options="mainGridOptions"> <divk-detail-template> <divkendo-grid k-scope-field="detailsGrid"k-options="detailGridOptions(dataItem)"></div> <buttonng-click="addRow()"style="width:100px; height:30px;">Add row</button> </div></kendo-grid>