1

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

我看到带有按钮和漂亮标题的标签面板；但列表视图拒绝显示；我试过添加“布局：适合”，但更糟。

我在这里缺少什么“明显”的东西？

主.js：

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

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

config: {

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

主页.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',
    }
})
4

1 回答 1

2

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

   项目： [
            { xtype: 'homecard'},
            { xtype：'货币卡'，高度：500 }
        ]

这是一个将填满屏幕的布局（请注意，我已将停靠：'top' 移至此处！！）：

Ext.define('CurrencyFX.view.Main', {
    扩展：'Ext.Panel'，

    要求：[
        'CurrencyFX.view.Home',
        'CurrencyFX.view.CurrencyList'
    ],

    配置：{
        全屏：是的，
        布局：'适合'，
        项目： [
            {
                xtype：'家庭卡'，
                停靠：'顶部'
            },
            { xtype: '货币卡'}
        ]
    }
});
于 2012-04-24T19:05:18.183 回答