Question

我的停靠物品很少：

    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工具栏都位于底部，第二个按钮只包含一个按钮，默认情况下位于工具栏的左侧，但我想留在右侧。我试过“ - ＆gt;”和ExtJS文档中的其他选项，但由于我在工具栏中只有一个项目，我认为我不能使用标准选项。那么我如何将工具栏中的单个项目定位在右侧？

由于

Leron

P.S

我忘了 - paginationg工具栏总是出现在工具栏上方，带有图标，即使它在列表中的最后一个停靠项目，但我希望分页是最新的，所以如果有人可以帮我解决这个问题太...

Answer 1

好的，所以发布的两个都解决了，也许不是那么困难，但可能会派给其他人派上用场。所以，正如我在上面的评论中写的那样 - 将按钮移动到工具栏的右侧，我只使用了这个items: ['->',{。至于第二部分，似乎第一个具有dock: 'bottom'属性的元素将位于最底部，并且代码中下一个具有相同位置的每个元素都将放在底部，但是前一个元素。因此，重要的是以正确的顺序编写我的元素，并考虑上述信息。

Answer 2

你也可以使用按钮：面板中的[] config - 然后它会自动放在右下角。你是怎么发现' - ＆gt;'的......我似乎无法在文档中找到它。感谢

Answer 3

' - ＆GT;'是tbfill的快捷方式 http://docs.sencha.com/ext-js/3-4/#!/api/Ext.Toolbar.Fill

ExtJS 4使用像float这样的东西：在xtype：工具栏中

3 个答案: