右下角的Extjs按钮

Question

这是我的代码：

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

...

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

Answer 1

我建议您使用panel代替container并将其放入dockedItems。

....
collapsible:true,
dockedItems: [{
    xtype: 'toolbar',
    dock: 'bottom',
    items: ['->',{
        text: 'click here'
    }]
}]
...

有关dockedItems

的详细信息，请参阅文档

编辑 - ＆gt;没有工具栏

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