sencha-touch - sencha touchの「Master」ビュー

Question

SenchaTouch2 アプリケーションのマスター/ベース ビューを作成したいと考えています。ヘッダー、フッター、およびコンテンツ ゾーンが必要です。ヘッダーとフッターは静的ですが、コンテンツは具象ビューで宣言する必要があります。sencha docs で問題の解決策が見つかりません。もしかしてやり方が悪い？煎茶ガイドへのリンクは役に立ちます。

Answer 1

このタイプの機能では、ナビゲーションビューを使用するか、カードレイアウトで任意の1つのビューを作成し、修正したい上下にドッキングした2つのアイテムを配置し、必要に応じて3番目のitamを変更できます。

Answer 2

ヘッダーとフッターのコンテナーを持つ新しい Ext.Container クラスを定義します。次に、その新しいインスタンスを作成し、コンテンツ ビューを挿入します。このようなもの：

Ext.define('App.view.BaseView', {
    extend : 'Ext.Container',
    xtype : 'masterview',
    config : {
         items : [{
         xtype : 'container',
         height : 100,
         html : 'This is header',
         styleHtmlContent : true,
         // docked : 'top'      //if needed
       }, {
         xtype : 'container',
         height : 100,
         html : 'This is footer',
         styleHtmlContent : true,
         // docked : 'bottom'      //if needed
       }]
    }
});

そして、次のように使用します。

var panel = Ext.create('App.view.BaseView');
panel.insert(1, {
    xtype : 'container',
    html : 'This is concrete view'
});

これは最も基本的な例です。好きなように微調整できます。

Answer 3

You should create a view that extend from Container or Panel with 3 items. You decide which xtype (panel, container, toolbar, etc.) is your header and footer and you should use the card layout and dock at the top or button: docked : 'top' Then you can use the 3rd element and update the view according to your needs and using the model and controller as you want.