dynamically adding tabs from grid column on page load

[paul.laskar]

I want to add tabs from grid column on page load dynamically . Grid is pulling data in real time and every time page load it contains different set of data.

[Condor]

Can you explain a bit more?

[paul.laskar]

On page load I need to display a grid which will pull data from a real time data base . I am using json store for it and used jsp to convert into json objects . I am getting the data in my grid but I need to dynamically add tabs from the first column of that grid .
My loop for dynamically adding tabs is not working . I tried to test with an alert and its working great and looping through all the data from first colum but when I am trying tabPanel.add its not working. If you need more information please let me know . I can post the snippets of my code if you want.

Thanks!

[Condor]

You need to call doLayout() after adding all tabitems.

[paul.laskar]

Thanks! I got the dynamic tabs . I am missing title:columnName.toString() and doLayout ofcourse.....

store.on('load', function(){
             store.each(function(rec)
             {
                var column1 = rec.get('COLUMN!');
                //alert(tieback);
                tabPanel.add({title:column1.toString()},
                            
                tabPanel.doLayout();
             });
         });

[Condor]

You only have to call doLayout once, so you should move it out of the each() loop.

[paul.laskar]

thanks! this is solved...you can close this thread...but this is still working if I don't move it out of the loop..