如何在sencha touch中在工具栏上左右对齐按钮?

时间:2011-09-12 08:44:38

标签: sencha-touch

我尝试过以下操作但没有成功:

items:[myapp.buttons.resultsPrevious, {xtype: 'spacer'}, myapp.buttons.resultsNext]

items:[myapp.buttons.resultsPrevious, '->', myapp.buttons.resultsNext]

项目是相关工具栏的项目。

我还尝试使用按钮的align属性:

align: 'left'

在按钮的配置中,但这也不起作用。

任何提示赞赏。感谢。

2 个答案:

答案 0 :(得分:4)

工具栏必须配置布局属性:

layout: {
  pack: 'left'
},

答案 1 :(得分:1)

然后我们必须使用停靠属性来左右对齐按钮。

xtype: 'toolbar',
        docked: 'bottom',           
        items:
        [
            {
                 xtype: 'button',
                 id:'btn1',
                 html:"left btn",
                 docked: 'left'                  
            },
            {
                 xtype: 'button',
                 id:'btn2',
                 html:'right btn,
                 docked: 'right'                  
            }

        ]