Question

我开始玩sencha touch 2并遇到以下问题。我正在尝试构建一个非常简单的应用程序，它有一个listview和一个带按钮的tabpanel：

我看到了带有按钮和标题的tabpanel;但是listview拒绝展示;我试过添加'layout：fit'，但情况更糟。

我在这里错过了什么'显而易见'的事情？

Main.js：

Ext.define('CurrencyFX.view.Main', {
extend: 'Ext.Panel',

requires: [
    'CurrencyFX.view.Home',
    'CurrencyFX.view.CurrencyList',
],

config: {

    items: [
        { xtype: 'homecard' },
        { xtype: 'currencycard' },      
    ]
}
});

Home.js：

Ext.define('CurrencyFX.view.Home', {
extend: 'Ext.Panel',
requires: ['Ext.TitleBar'],
xtype: 'homecard',

config: {
    items: [{
        docked: 'top',
        xtype: 'titlebar',
        title: 'Currency FX',
        items: [
            {
                text:    'Refresh',
                align:   'right',
                action:  'reloadQuotes'
            }
        ]
    }
    ]
}
});

CurrencyList.js：

Ext.define('CurrencyFX.view.CurrencyList', {
    extend: 'Ext.List',
    requires: ['CurrencyFX.store.Currencies'],

    xtype: 'currencycard',
    config: {
        itemTpl: '{name} is at {value}',
        store: 'Currencies',
    }
})

Answer 1

您可以为货币卡添加高度吗？这提供了一个快速检查：

   items: [
            { xtype: 'homecard'},
            { xtype: 'currencycard', height: 500 }
        ]

这是一个将填满屏幕的布局（注意我已移动停靠：'顶部'到这里!!）：

Ext.define('CurrencyFX.view.Main', {
    extend: 'Ext.Panel',

    requires: [
        'CurrencyFX.view.Home',
        'CurrencyFX.view.CurrencyList'
    ],

    config: {
        fullscreen: true,
        layout: 'fit',
        items: [
            {
                xtype: 'homecard',
                docked: 'top'
            },
            { xtype: 'currencycard'}
        ]
    }
});

无法在sencha touch 2中显示列表视图

1 个答案: