Limit number of rows to add to a child/detail grid

[Michael]

Say I have a master grid with a nested grid defined via a detail template, and that detail grid has popup editing enabled.
Now, if the master grid has a column with e.g. 'MaxDetailRows' to determine the maximum number of records that can be added in the detail grid - how can I check that the number or rows in the detail grid during editing does not exceed the value held in MaxDetailRows.

Here is the edit event code I have as a start :

function onEditDetailGrid(e) {

    //get editor window object
    var kendoWindow = e.container.data("kendoWindow");

    if (e.model.isNew()) {

        // ==> Here I would like to read the master grid's row, and read a column/cellvalue (e.g. 'MaxDetailRows')
                     if (number of rows in the detail grid == MaxDetailRows)

                      {

                                   return false;

                      }

        kendoWindow.setOptions({
            title: "New Detail Record"
        });
    }

}

Thanks in advance,

Mike

[Eyup]

Hello Mike,

You can achieve this requirement using the following approach:

function detailGridEdit(e) {
    if (e.model.isNew()) {
        var masterRow = e.container.parents(".k-detail-row").prev(".k-master-row").first();
        var item = $("#grid").data('kendoGrid').dataItem(masterRow);
        var value = item.ProductName;
        alert(value);
    }
}

I hope this will prove helpful.

Regards,
Eyup
Telerik by Progress