14

複数の行を持つExtJsToolBarを持つことは可能ですか？最初の行にいくつかのコントロールが必要で、2番目の行に3つのExtJsButtonが必要です。ツールバーは、パネルの一番上のツールバーです。

4

6 に答える 6

19

以前のバージョンについてはわかりませんが、ExtJS 4.0以降では、グリッドを定義するときに次のように実行できます。

dockedItems: [
    {
        xtype: 'toolbar',
        dock: 'top',
        items: [
            {text:'Toolbar 1 Button 1'},
            {text:'Toolbar 1 Button 2'}
        ]
    },
    {
        xtype: 'toolbar',
        dock: 'top',
        items: [
            {text:'Toolbar 2 Button 1'}
        ]
    }
],

http://dev.sencha.com/deploy/ext-4.0.2a/docs/#/api/Ext.panel.Panel

于 2011-09-16T14:53:32.257 に答える
17

ツールバーを追加するウィジェットについては言及していませんが、一般に、必要な数のツールバーを追加できます。

var panel = new Ext.Panel();
var tool1 = new Ext.Toolbar({...});
var tool2 = new Ext.Toolbar({...});

panel.add(tool1);
panel.add(tool2);
...

グリッドの上部にツールバーを追加する場合は、グリッドのパネルコンポーネントを見つけて、それにツールバーを追加します。これは次のようになります（テストされていません）：

tPanel = grid.getTopToolbar().ownerCt; // get top toolbar's container panel
tPanel.add(anotherToolbar);
于 2009-05-07T08:13:37.927 に答える
2

dockedItemsはるかに単純なことも どうですか。

var toolbar1 = {
   xtype : 'toolbar',
   dock : 'top', // bottom, right, left
   items: [...]
};

var toolbar2 = {  
   xtype : 'toolbar',
   dock : 'top',
   items: [...]
};

Ext.create('Ext.panel.Panel', {
    dockedItems: [toolbar1,toolbar2]
});

私はそれがかなり古く、すでに答えられていることを知っています、それは誰かを助けることができるかもしれません:)

于 2014-07-14T07:09:45.403 に答える
1

これがまさにあなたが探しているものであるかどうかはわかりませんが、ツールバーはExt3.0で改良されました。

http://extjs.com/deploy/ext-3.0-rc1.1/examples/toolbar/toolbars.htmlを ご覧ください。

于 2009-05-20T02:03:08.637 に答える
0

Extフォーラムでこのスレッドを見てください。ツールバーを作成して既存のツールバーにレンダリングする方法について説明します。

http://www.extjs.com/forum/showthread.php?t=12433

于 2010-01-21T14:05:59.380 に答える
0

可能かどうかはわかりませんが、常にできることは、行レイアウトを使用して北の領域（たとえば境界線レイアウトを使用している場合）を2行に分割することです。次に、1つのツールバーを一番上の行に追加し、もう1つを2番目の行に追加できます。

于 2009-05-06T12:43:42.573 に答える