我正在研究Extjs 4.2,以下是我的代码。分页工具栏与面板左侧对齐。我希望InfoButton与面板右侧对齐。我想要分页栏和同一行上的按钮,其中pagingtoolbar完全左对齐,InfoButton完全右对齐。现在,pagingtoolbar完全左对齐,但InfoButton就像中心对齐,我尝试进行边距对齐和填充对齐。但它仍然保持不变。如果我在这里遗漏了某些东西,或者我应该采取什么措施来对齐按钮,有人可以帮助我。
this.dockedItems = [
{
xtype: 'pagingtoolbar',
itemId: 'FirstToolbar',
dock:'bottom',
store: Store,
displayInfo: true,
displayMsg: 'Displaying info {0} - {1} of {2}',
emptyMsg: "No info to display",
items: [
{
xtype: 'container',
flex: 1
}, '->',
{
xtype: 'button',
cls:'InfoButton',
itemId: 'InfoButton',
dock:'bottom',
}, '->'
]
}
];
答案 0 :(得分:0)
您需要在与pagingtoolbar相同的级别上定义按钮:
this.bbar = [
{
xtype: 'pagingtoolbar',
itemId: 'FirstToolbar',
store: Store,
displayInfo: true,
displayMsg: 'Displaying info {0} - {1} of {2}',
emptyMsg: "No info to display"
}, '->',
{
xtype: 'button',
cls:'InfoButton',
itemId: 'InfoButton',
text: 'sample'
}
];