extjs - Extjs分页工具栏如何居中显示消息

Question

在 ext 分页工具栏中，是否有一种方法可以使显示消息居中

            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 的宽度，然后设置它。