I have a Tab Panel where each 'tab' represents different 'parameters' to be applied to the data i a grid (eg 'online users', 'new users', 'recent users', etc ....)
I tried creating my tabs like
{ title: 'New',
items: userGrid },
{ title: 'Online',
items: userGrid }
{ title: 'Recent',
items: userGrid }
The first tab renders, but the others are all blank (I'm also omitting all the listeners in the above code for brevity)
Kev
that is not going to work, only one actual grid is created. youll either have to have completely separate grids, or do lots of hacking to tabPanel to get it to do what you want.
I think devnull is correct. If nothing else each grid would have it's own id. To ease your burden though you might embrace the concept of "preconfigured classes" as one pattern to achieve your goal. You can find info in the tutorials section courtesy of Saki. At least one other alternate (http://extjs.com/learn/Tutorial:Builder_Classes) to preconfigured classes has been suggested in the forums (also in the corresponding tutorial section).
you may use this
Ext.namespace('Ext.ux');
Ext.ux.userGrids= function(){
var userGrid = new Ext.grid.GridPanel({
id:Ext.id(), // Generates unique ids for each grid
microsoft.public.powerpoint::
Re: Multiple Design Templates in same file, Kathy Jacobs Re: Interactive tabs at top of slides Re: Adding Multiple Guides To Your Gride, Geetesh Bajaj
http://www.tech-archive.net/Archive/Office/microsoft.public.powerpoint/2007-05/HOME |
............
})
Ext.ux.userGrids.superclass.constructor.call(this, {
layout: 'fit',
items: [userGrid]
});
}
Ext.extend(Ext.ux.userGrids,Ext.Panel);
now in tabPanel
items:[{ title: 'New', items: new Ext.ux.userGrids()},
{ title: 'Online', items: new Ext.ux.userGrids()},
{ title: 'Recent', items: new Ext.ux.userGrids()}]
 How much does getting a small tattoo on your hip/stomach hurt?
 Do anyone else have an itchy anus? ?
|
Reusing same gride in multiple tabs ?