Sencha Touch 2 - TabPanel не работает в приложении, разработанном MVC - PullRequest
Новая
       23

Sencha Touch 2 - TabPanel не работает в приложении, разработанном MVC

0 голосов
/ 21 декабря 2011

простой вопрос для вас сегодня ...

Это работает: 

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'
                }                
            ]

        });

Как вы можете видеть, онипочти то же самое, за исключением одного - TapPanel (с добавленными необходимыми конфигами по умолчанию), а другой - карусели.

Все остальное точно так же ... Это в app.js моего SenchaПриложение Touch 2.0, разработанное в соответствии с архитектурой MVC.

Результатом не работающей TabPanel является то, что я вижу только первый вид (Основной), и в нижней части экрана не отображается панель вкладок.

Есть идеи, в чем может быть моя проблема?

Ответы [ 2 ]

1 голос
/ 16 апреля 2012

Я не уверен, если это проблема, но в моем коде строка: 

Ext.create("Ext.tab.Panel", {

Не: 

Ext.create('Ext.TabPanel', {
0 голосов
/ 21 декабря 2011

Полный экран должен быть fullscreen: true вместо fullscreen: 'true'.Вы также можете добавить этот код, чтобы они переключались: 

cardSwitchAnimation: {type: "fade", duration: 1000},
layout: "card",

Не тестировал его, но он работал для меня (получил его из фрагмента моего собственного кода)

...