Hi I have a nested detail grid which does not show and expand when adding a new row to the grid. See below how I add a new row to the grid at the top.
I press a button in the main grid toolbar ( + New Leave) which adds the blank row but does not display the expand detail grid in the detail cell.
var rowData = { Visible: true, IncludeOracleExport: true, IncludeTimesheetReport: true, IncludeForceAbsent: true }; //empty row
var rowIndx = this.addRow({ rowData: rowData, checkEditable: true, rowIndx: 0 });
this.goToPage({ rowIndx: rowIndx });
this.editFirstCellInRow({ rowIndx: rowIndx });
rowData['pq_detail'] = { 'show': true };
this is my definition of the detail cell in my main grid { title: "EBA's", minWidth: 50, type: "detail", resizable: false, editable: false }
This is my detailModel definition in my main grid. detailModel: {
cache: true,
collapseIcon: "ui-icon-plus",
expandIcon: "ui-icon-minus",
init: function (ui) {
var rowData = ui.rowData,
EBAobj = gridPayTypeEBA($PayType, rowData), //get a copy of gridPaytypeEBA
$grid = $("<div></div>").pqGrid(EBAobj); //init the detail grid.
return $grid;
}
}
