1

sencha touch 2 をいじり始めたところ、次の問題に遭遇しました。リストビューとボタン付きのタブパネルを持つ非常に単純なアプリケーションを構築しようとしています:

ボタンと素敵なタイトルを含むタブパネルが表示されます。しかし、リストビューは表示を拒否します。「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' },      
    ]
}
});

ホーム.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: 'ホームカード'},
            { xtype: 'currencycard', 高さ: 500 }
        ]

画面いっぱいに表示されるレイアウトは次のとおりです (ここにドッキング: 'top' を移動したことに注意してください!!):

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

    必要： [
        'CurrencyFX.view.ホーム',
        「CurrencyFX.view.CurrencyList」
    ]、

    構成: {
        フルスクリーン: 真、
        レイアウト: 'フィット',
        項目: [
            {
                xtype: 'ホームカード',
                ドッキング：「トップ」
            }、
            { xtype: '通貨カード'}
        ]
    }
});
于 2012-04-24T19:05:18.183 に答える