我有一些停靠的元素:
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
的工具栏均位于底部,第二个仅包含一个按钮,默认情况下位于页面左侧。工具栏,但我想留在右侧。我尝试了 ExtJS 文档中的“->”和其他选项,但由于工具栏中只有一个元素,我认为我无法使用标准选项。那么我如何将工具栏中的单个元素放置在右侧?
谢谢
莱隆
附注
我忘记了 - 分页工具栏始终显示在带有图标的工具栏上方,即使它位于带有停靠元素的列表的最后一个,但我希望分页是最新的底部,所以如果有人可以帮助我解决这个问题也...
最佳答案
好的,两个问题都解决了,也许不是那么困难,但可能对其他人有用。因此,正如我在上面的评论中所写的 - 要将按钮移动到工具栏的右侧,我只是使用了这个 items: ['->',{
。至于第二部分,看起来具有 dock: 'bottom'
属性的第一个元素将被定位在最底部,并且代码中接下来出现的并且具有相同位置的每个元素将被定位在最底部。放在底部,但位于前一个元素之上。因此,这里重要的是记住上面的信息,以正确的顺序编写我的元素。
关于css - ExtJS 4 使用类似 float :right in a xtype:toolbar 的东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10293100/