ExtJS的pagingtoolbar如何中心顯示消息

Question

在內線分頁工具欄有沒有辦法居中顯示消息

  xtype: 'pagingtoolbar', 
      height: 26, 
      width: 360, 
      displayInfo: true, 
      displayMsg: '{0} - {1} of {2}', 
      border: false, 
      store: 'myStore' 
      dock: 'bottom' 

我想中心的displayMsg，但我還沒有怎麼樣。

Answer 1

默認情況下，當displayInfo爲true時，分頁工具欄將添加一個tbfill元素。要將文字居中，您可以在最後添加另一個tbfill。

grid.down('pagingtoolbar').add({xtype:'tbfill'}); 

這將在居中工具欄的空白部分的文字，如果你想中心它整個的工具欄，我認爲你需要計算第一tbfill的寬度，然後設置進去。