PDA

View Full Version : Replace Bottom Tabbar by Another



myput
12 Oct 2011, 12:18 AM
Hello,

i have a problem with Tabbar;

I have a Bottom TabBar in my viewPort declared like this:


WPApp.views.Viewport = Ext.extend(Ext.TabPanel,{
fullscreen: true,
layout: "card",
id: "WPApp.views.Viewport",
tabBar: {
dock: 'bottom',
layout: {
pack: 'center'
}
},
initComponent: function() {
Ext.apply(WPApp.views, {
DirectoryPanel: new WPApp.views.DirectoryPanel(),
SearchPanel: new WPApp.views.SearchPanel(),
CreditPanel: new WPApp.views.CreditPanel()
});
this.items = [
WPApp.views.DirectoryPanel,
WPApp.views.SearchPanel,
WPApp.views.CreditPanel
];
WPApp.views.Viewport.superclass.initComponent.call(this);
this.doComponentLayout();
}
})


And in my DirectoryPanel, i have a nestedList.
In the detail card of the nestedList, i would like a TabPanel , a new Bottom TabPanel who replace the main Tabpanel of viewport.
But when i click on the Back button of the nestedList, i would like to get again the main Tabbar.

In my detailCard i have:


WPApp.views.DirectoryItemListDetailContainer = new Ext.TabPanel ({
id: 'WPApp.views.DirectoryItemListDetailContainer',
dockedItems: [WPApp.views.DirectoryItemListDetailContainerToolbar],
fullscreen: true,
layout: "card",
id: "WPApp.views.DirectoryItemListDetailContainer",
tabBar: {
dock: 'bottom',
layout: {
pack: 'center'
}
},
items: [
{title: '1', iconCls:'time', fullscreen: true, layout: "card"},
{title: '2', iconCls:'home', fullscreen: true, layout: "card"},
{title: '3', iconCls:'map', fullscreen: true, layout: "card"},
]


I don't know how to do that ...
Someone have an Idea?

Thanks

myput
17 Oct 2011, 7:54 AM
Post resolved thanks.