右下角的Extjs按钮

右下角的Extjs按钮,extjs,alignment,extjs4.2,Extjs,Alignment,Extjs4.2,这是我的代码: { title: 'XXXXX', collapsible:true, items:[ { xtype: 'button', flex: 1, text: 'click here', },

这是我的代码:

      {
           title: 'XXXXX',
           collapsible:true,
           items:[
                 {
                      xtype: 'button',
                      flex: 1,
                      text: 'click here',
                 },
            ],
       },


如何对齐容器XXXXX右下角的按钮?

我建议您使用
面板
而不是
容器
,并将它们放置在
dockedItems中

....
collapsible:true,
dockedItems: [{
    xtype: 'toolbar',
    dock: 'bottom',
    items: ['->',{
        text: 'click here'
    }]
}]
...
有关详细信息,请参阅文档

编辑->不带工具栏

....
collapsible:true,
dockedItems: [{
    xtype: 'container',
    layout: 'hbox',
    dock: 'bottom',
    items: [{
        xtype:'container',flex:1
    },{
        text: 'click here',minWidth: 50
    }]
}]
...

谢谢,但是你有没有一个没有工具栏的解决方案?@Meinew你需要一些包装“容器”来将按钮嵌入其中(请参阅了解更多信息)。请参阅我的帖子,获取一个示例editSmart and working:谢谢!(你能链接到上面提到的帖子吗?)