將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' 
    } 
];