0

Sencha Touch は初めてで、TabPanel 内にツールバーを配置しようとしています。これを行うのは、TabPanel がメインのナビゲーションになり、ツールバーが新しい宿題やそのような sth の作成など、いくつかのコンテンツ関連の操作を提供するためです。

これが私の「解決策」です。TabPanel が表示され、"Hello World" も表示されますが、ツールバーはありません。

var tapHandler = function(btn, evt) {
alert("Button "+btn.text+" tapped");
}

var HomeScreen = new Ext.Panel({
fullscreen: true,
dockedItems: [
    {
        xtype: "toolbar",
        title: "buttons",
        ui: "light",
        dock: "bottom",
        items: [
            {ui: "action", text: "Add"}
        ],
        defaults: {
            handler: tapHandler
        }
    }
],
html: "Hello World"
});

new Ext.Application({
name: "Hello World",

launch: function() {
    var tabPanel = new Ext.TabPanel({
        fullscreen: true,
        ui: 'dark',
        sortable: true,
        items: [
            {
                title: "Home",
                html: "Loading..."
            }
        ]
    });
    tabPanel.items.get(0).update(HomeScreen, true);
}
});

解決策はありますか？

こんにちは、マーティン

4

1 に答える 1

1

ここでの問題は、update（）メソッドがHTML文字列を予期し、HomeScreenがExt.Panelであることである可能性が高いと思います。

私の場合、次のような変数を使用して、tabPanelのアイテムコレクションにHomeScreenを追加します。

    items: [
         HomePanel                              
    ]

または、items配列内でオブジェクトとして定義することによって：

items: [{
    xtype: "panel",
    html: "Hello world",
    dockedItems: [{
        // You toolbar definition
    }]
}]

または、TabPanel.add（）メソッドを使用して：

tabPanel.add(HomePanel);
于 2011-10-05T16:02:58.743 に答える