今日のあなたへの簡単な質問...
これは機能します:
var carousel = Ext.create('Ext.Carousel', {
fullscreen: 'true',
//load in views view clean instantiation using
// the widget.alias's defined in each view... yea
// For some reason, putting flex on these components... oh...
// Have to call directly in by just the xtype since these are just
// references..
items: [
{
xtype: 'Main'
},
{
xtype: 'CommentList'
}
]
これは動作しません:
var tabpanel = Ext.create('Ext.TabPanel', {
fullscreen: 'true',
tabBarPosition: 'bottom',
defaults: {
styleHtmlContent: true
},
//load in views view clean instantiation using
// the widget.alias's defined in each view... yea
// For some reason, putting flex on these components... oh...
// Have to call directly in by just the xtype since these are just
// references..
items: [
{
xtype: 'Main',
title: 'The Main',
iconCls: 'user'
},
{
xtype: 'CommentList',
title: 'Comments',
iconCls: 'user'
}
]
});
ご覧のとおり、1 つは TapPanel (必要なデフォルト構成が追加されています) であり、もう 1 つはカルーセルであることを除いて、ほとんど同じです。
他のすべてはまったく同じです....これは、MVC アーキテクチャに従って設計された私の Sencha Touch 2.0 アプリの app.js にあります。
TabPanel が機能しない結果、最初のビュー (メイン) しか表示されず、画面の下部にタブ バーが表示されません。
私の問題は何ですか?