PDA

View Full Version : Problem when display navigation.View in tab.Panle



jackeychen
4 Jul 2013, 9:49 PM
I created home view like it:



Ext.define("tnews.view.Home", {
extend: "Ext.tab.Panel",
alias: "widget.tnewshome",
requires: ["tnews.view.Landing", "Ext.TitleBar"],
config: {
tabBarPosition: "bottom",
fullscreen: true,
tabBar: {
docked: "bottom"
},
items: [
{
title: "home",
iconCls: "home",
items: {
xtype:"titlebar",
title: "Home page"
}
},
{
title: "What's News",
iconCls: "info",
items: [{
xtype: "tnewslanding"
}]
}
]
}
});


The tnewslanding looks like it:



Ext.define("tnews.view.Landing", {
extend: "Ext.navigation.View",
alias: "widget.tnewslanding",
requires:["Ext.dataview.List", "Ext.data.Store"],
config: {
navigationBar: {
docked: "top"
},
items: [{
title: "What's News",
html: "helloworld",
}]
}
});


But I can't see "helloworld" When click "What's News" at tab.Panel tab bar.

Do you know why and help me fix it ?

vadimv
5 Jul 2013, 2:00 AM
take a look in docs how to use a 'titlebar'