将extjs dockeditems中的按钮与左侧的pagingtoolbar右对齐

Question

我正在使用Extjs 4.2，以下是我的一段代码。分页工具栏与面板的左侧对齐。我想让InfoButton对齐面板的右侧。我想要分页栏和与分页工具栏在同一行上的按钮完全左对齐，并且InfoButton完全右对齐。现在，分页工具栏完全左对齐，但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', 
       }, '->' 
      ] 
     } 
    ]; 

Answer 1

您需要定义在同一水平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' 
    } 
];