I tried with double quotes and double dollar sign and still an empty array.

Here is the equivalent part to what you showed in my own DOM:

<div id="ext-comp-1080" style="height: auto;" class="">
 <div>
  <form method="post" id="aqwp339" action="">...</form>
  <script type="text/javascript">...</script>
 </div>
</div>


Jon, the difference that I see is that you have both the "renderTo" config and the .render() call.

Can you try and see what you get with the way I have it, which is without the 'renderTo' config?


Moreover, I think you're rendering directly into the main web part's body, whereas my call is like this:

qwpDataset.render( cntDataset.getEl() );

where "cntDataset" is an Ext Container:

        var cntDataset = new Ext.Container({
            defaults: {
                border: false
            },
            items: [],
            layout: 'fit'
        });

which sits within another Ext Panel:

        var pnlData = new Ext.Panel({
            autoScroll: true,
            bodyStyle: 'padding: 1px;',
            defaults: {
                autoHeight: true,
                border: false,
                hideMode: 'offsets'
            },
            items: [ cntDataset ],
            tabTip: 'Data',
            title: 'Data'
        });

and pnlData in turn sits within a TabPanel:

        var pnlTabs = new Ext.TabPanel({
            activeTab: 0,
            autoHeight: true,
            defaults: {
                autoHeight: true,
                bodyStyle: 'padding: 4px;',
                border: false,
                forceLayout: true,
                hideMode: 'offsets',
                style: 'padding-bottom: 4px; padding-right: 4px; padding-left: 4px;'
            },
            deferredRender: false,
            forceLayout: true,
            items: [
                pnlData
            ],
            layoutOnTabChange: true,
            minTabWidth: 100,
            resizeTabs: true
        });

and finally that top panel sits within the parent-most panel, which renders into the web part's body:

Ext.namespace('LABKEY.ext');
                                                                                                                                               
LABKEY.ext.DataExplorer = Ext.extend( Ext.Panel, {
    constructor : function(config) {

// ALL THE CHILDREN CONTAINERS AND LOGIC FROM ABOVE

        this.border = false;
        this.boxMinWidth = 370;
        this.cls = 'ISCore';
        this.frame = false;
        this.items = pnlTabs;
        this.layout = 'fit';
        this.renderTo = config.webPartDivId;

        LABKEY.ext.DataExplorer.superclass.constructor.apply(this, arguments);
    }
});