Nested Grid in tab of Row details

[sjkcwatsonParticipant]

Looking at the example on the demo page for Grid Row Details (demos/jqxgrid/rowdetails.htm) – is it possible to put a nested grid in the Notes tab? The url for the Nested source would be specific to the row expanded

// define source for CAPA Status Grid
gridNestedSource = {
    datatype: "json",
    datafields: [
        { name: 'CAStatusID', type: 'string' },
        { name: 'CAStatus', type: 'string' }
    ],
    cache: false,
    id: 'CAStatusID',
    url: varNestedURL,
    async: false
};

I envision setting varNestedURL in $(‘#jqxgrid’).on(‘rowexpand’, function (event) for the main grid.

[sjkcwatsonParticipant]

The grid can even have it’s own seperate datasource, just can’t figure out how to display it on the 2nd tab in the row details.

[DimitarParticipant]

Hello sjkcwatson,

Please make sure you initialize the nested grid in the nested tab’s initTabContent callback function. The principle is the same as in the demo Integration with other widgets.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[sjkcwatsonParticipant]

Got it – thank yuou!

[Author]

Posts