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

我正在开发ExtJS4.2，下面是我的一段代码。分页工具栏与面板左侧对齐。我希望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',  
                }, '->'
            ]
        }
    ];

---

您需要在与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'
    }
];

---

您好，谢谢您的建议，尝试了一下，但页面本身无法打开。我认为在pagingtoolbar的同一级别添加按钮是行不通的。缺少某些内容或我可能出错，请告诉我是否有其他方法，或者您的代码中是否缺少某些内容。好的，我遗漏了两件事：您需要在

bbar

（=底部栏）中定义所有内容，而您忘了为按钮设置文本我尝试使用bbar，但它正在缩小我的结果集网格大小，它现在看起来非常紧凑，因此这可能不适用于此问题。还有其他想法吗？。。。