Extending the RowExpander Plugin

[henryivy]

Hi,

I refered the above sample and I implemented the sample nested grid using GridPanel 2.2. It is not expand the child grid. I got error from firebox during the childGrid = function(record, index) execution time.The error message is Ext={version:"2.2"};window["undefined"]=window["undefined"];Ext.apply=function(C,D,B{if({Ext.apply(C,B}if(C&&D&&typeof D=="object"){for(var A in D){C[A]=D[A]}}return C};(function(){var idSeed=0;var ua=navigator.userAgent.toLowerCase();

I have included the my sample code.

Ext.onReady(function() {
    var xg = Ext.grid;
    // shared reader
    var reader = new Ext.data.ArrayReader({}, [
        { name: 'id' },
        { name: 'type' },
    ]);
    var dataType = [
        [10, 'Published'],
        [11, 'UnPublished']]

    // row expander
    var expander = new Ext.grid.RowExpander({
        remoteDataMethod:childGrid ,
        tpl: new Ext.Template('<div id="subRemData"></div>')
    });
    var masterGrid = new xg.GridPanel({
        store: new Ext.data.Store({
            reader: reader,
            data: dataType
        }),
        cm: new xg.ColumnModel([
            expander,
            { header: "Type", width: 200, sortable: true, dataIndex: 'type' }
        ]),
        viewConfig: {
            forceFit: true
        },
        autoHeight: true,
        hideHeaders: false,
        width: 800,
        height: 800,
        plugins: expander,
        collapsible: true,
        animCollapse: false,
        disableSelection: true,
        trackMouseOver: false,
        enableHdMenu: false,
        renderTo: document.getElementById('Div1')
    });

    // Child grid

    var dataPGName = [
        [10, 10, 'Retail Food'],
        [11, 11, 'Chemical']]

    var childGrid = function(record, index) {
        var id = record.get("code");
        var xg = Ext.grid;
        var detailedreader = new Ext.data.ArrayReader({}, [
            { name: 'id' },
            { name: 'code' },
            { name: 'name' },
        ]);
        var detailedstore = new Ext.data.Store({
            reader: detailedreader,
            data: dataPGName
        });
        var detailedgrid = new xg.GridPanel({
            store: detailedstore,
            cm: new xg.ColumnModel([
                { header: 'PG ID ', width: 50, sortable: true, dataIndex: 'code' },
                { header: 'PG Name', width: 120, sortable: true, dataIndex: 'name' }
            ]),
            autoHeight: true,
            collapsible: false,
            disableSelection: true,
            trackMouseOver: false,
            autoSizeColumns: true
        });
        detailedgrid.render(Ext.get('remData' + record.data.id));
    };
})

Please help me anyone how to rectify that issues.