2

ドッキングされたアイテムがほとんどありません：

    dockedItems: [{
                xtype: 'toolbar',
                items: [{
                    xtype:'button',
                    icon: g_settings.iconUrl + 'add-icon.png',
                    text: 'Abc',
                    handler: this._add
                },{
                    icon: g_settings.iconUrl + 'remove-cancel-icon.png',
                    text: 'Del',
                    disabled: true,
                    itemId: 'delete',
                    scope: this,
                    handler: this.onDeleteClick
                }]
            },{
                xtype:'toolbar',
                dock: 'bottom',
                items: [{
                    xtype: 'button',    
                    height: 30,
//                  padding: '0 0 0 50',
                    icon: g_settings.iconUrl + 'add-file-to-doc.png',
                    text: 'Select',
                    itemId: 'conndoc',
                    scope: this,
                    disabled: true,
                    handler: this._connToDocument
                }]
            }, {
                xtype: 'pagingtoolbar',
                id: 'id-docs-paging',
                store: 'Documents',
                dock: 'bottom',
                displayInfo: true
            }],

xtype:pagingtoolbarとツールバーはどちらも下のtext: Select位置にあり、2番目のボタンにはデフォルトでツールバーの左側にあるボタンが1つだけ含まれていますが、右側にとどまりたいと思います。ExtJSドキュメントの「->」やその他のオプションを試しましたが、ツールバーに項目が1つしかないため、標準のオプションを使用できないと思います。ツールバーの1つの項目を右側に配置するにはどうすればよいですか。 ？

ありがとう

レロン

PS

忘れてしまいました-ドッキングされたアイテムのリストの最後にある場合でも、paginationgツールバーは常にアイコン付きのツールバーの上に表示されますが、ページネーションを一番下に表示したいので、誰かがこの問題についても助けてくれればと思います。 。

4

3 に答える 3

3

わかりましたので、発行された両方が解決されました。それほど難しくはないかもしれませんが、他の人にとっては便利かもしれません。したがって、上記のコメントで書いたように、ボタンをツールバーの右側に移動するには、これを使用しましitems: ['->',{た。2番目の部分に関しては、dock: 'bottom'プロパティを持つ最初の要素が一番下に配置され、コード内で次に来る同じ位置を持つすべての要素が一番下に配置されますが、前の要素の上に配置されます。したがって、ここで重要なことは、上記の情報を念頭に置いて正しい順序で要素を記述することでした。

于 2012-04-24T07:49:26.537 に答える
1

ボタンを使用することもできます:[] パネルの構成 - その後、自動的に右下に配置されます。「->」でどうやってそれを見つけたのですか...ドキュメントで見つけられないようです。ありがとう

于 2012-07-23T13:58:59.590 に答える
1

'->' は tbfill http://docs.sencha.com/ext-js/3-4/#!/api/Ext.Toolbar.Fillのショートカットです

于 2012-12-13T18:20:14.447 に答える