0

私は EXT JS を初めて使用し、ツールバーを作成していくつかのボタンを追加しようとしています。

私は EXTJS ボーダー レイアウト手法に従い、ビューポートの中央にフォームを配置しました。ここで、ビューポートの上隅 (この場合は北のリージョン) にボタンを追加します。ボタンとツールバーを生成する方法は知っていますが、目的の領域にレンダリングする方法がわかりません。

私が生成したサンプルコードは次のとおりです。

Ext.onReady(function () {
    new Ext.Toolbar({
        items: [{
            xtype: 'tbbutton',
            text: 'Button'
        }, {
            xtype: 'tbbutton',
            text: 'Menu Button',
            menu: [{
                text: 'Better'
            }, {
                text: 'Good'
            }, {
                text: 'Best'
            }]
        }, {
            xtype: 'tbsplit',
            text: 'Split Button',
            menu: [{
                text: 'Item One'
            }, {
                text: 'Item Two'
            }, {
                text: 'Item Three'
            }]
        }]
    });
});

renderTo キーワードを使用するには助けが必要だと思いますが、その使用方法がわかりません。

4

1 に答える 1

1

ビューポートのアイテム構成で、次のように tbar 構成を持つパネルを追加します。

items: [
    new Ext.Panel({
        region: 'north',
        tbar: ['->', YOUR_TOOL_BAR]
    })
  ....
]
于 2013-06-13T02:28:32.590 に答える