Sencha touch 2 - Не удается вложить список внутри панели или TabPanel - PullRequest
Новая
       2

Sencha touch 2 - Не удается вложить список внутри панели или TabPanel

4 голосов
/ 06 января 2012

Я пытаюсь показать список внутри вкладки в TabPanel. Когда я просто показываю список - он работает нормально, но когда я помещаю его внутрь TabPanel, он не отображается.

Показывается, когда я использую этот код в событии запуска: 

Ext.create('Ext.List', {
           fullscreen: true,
           itemTpl: '<div class="contact">{ID} <strong>{Name}</strong></div>',
           store: cityStore
        });

И когда я использую этот код, он не будет отображаться (хотя вкладки показываются по мере необходимости). Я также попытался включить в элементы список Ext.create, но результат тот же. 

       Ext.create('Ext.TabPanel',{
            fullscreen: true,
            tabBarPosition: 'bottom',
            scrollable: true,
            items: [
                {
                    title: 'Home',
                    iconCls: 'home',
                    html: ['Welcome to my Pizza!'].join(""),
                    style: 'text-align: center;'
                },
                {
                    title: 'Search',
                    iconCls: 'search',
                    items: [
                          Ext.create('Ext.List', {
                              fullscreen: true,
                              itemTpl: '<div class="contact">{ID} <strong>{Name}</strong></div>',
                              store: cityStore
                          })
                    ]
                },
                {
                    xtype: 'toolbar',
                    title: 'Pizza',
                    dock: 'top'
                }
            ]
        }).setActiveItem(1); // this is set for debugging only

Что может быть не так? Спасибо!

1 Ответ

5 голосов
/ 06 января 2012

Проблема решена на форумах Sencha:

Вы вкладываете список в панель. Попробуйте удалить его:

Код: 

Ext.create('Ext.tab.Panel',{
    fullscreen: true,
    tabBarPosition: 'bottom',
    scrollable: true,
    items: [
        {
            title: 'Home',
            iconCls: 'home',
            html: ['Welcome to my Pizza!'].join(""),
            style: 'text-align: center;'
        },
        {
            xtype: 'list',
            title: 'Search',
            iconCls: 'search',
            store: cityStore,
            itemTpl: '<div class="contact">{ID} <strong>{Name}</strong></div>'
        },
        {
            xtype: 'toolbar',
            title: 'Pizza',
            dock: 'top'
        }
    ]
}).setActiveItem(1);
...