Question

I am generating data in a grid panel using json store. I have to generate tabs from the content of column 1 on page load . How can I generate those dynamic tabs from column 1?

Answer 1

Thanks! I am following the same approach but when I am looping through the tabs its not able to add tabs dynamically . I am sure my loop is working properly because I put an alert and its looping through all the records. My code is below…Please let me know where I am wrong..

var store = new Ext.data.JsonStore({
autoLoad: true,
url: '../json/test.json',
root: 'results',
fields: 
[
            'TIEBACK',
            'GATE_TIME',
            'TOTAL',
            'STOP_DESC',
            'DOOR'
],

sortInfo: {
    field: 'TIEBACK', direction: 'ASC'
}

});

my tabpanel:

 tabPanel = new Ext.TabPanel({
                region: 'center', 
                deferredRender: false,
                activeTab: 0,     
                items: [{
                                xtype: 'grid',
                                store: store,
                                //selModel: selModel,
                                columns: assignment,
                                stripeRows: true,
                                loadMask: true,
                                height: 200,
                                width: 200,
                                x: 490, y: 620,
                                title:'Assignment Status',
                                bbar: pagingBar




                    }]
});

loop:

   store.on('load', function(){
             store.each(function(re)
             {
                var tieback = re.get('TIEBACK');
                //alert(tieback);
                tabPanel.add(tieback);
             });
         });