ExtJS의 가운데 맞춤 버튼

Question

var myWin = new Ext.Window({ 
     height : 100, 
     width : 200, 
     maximizable : true, 
     items : [ { 
      xtype : 'button', 
      text : 'myButton' 
     // align : center 
     } ] 

    }); 
    myWin.show(); 

이것은 내 코드입니다. 나는 중심에 단추를 정렬하고 싶습니다. 그러나 할 수있는 방법이 있다는 것을 알고 있습니다. 그러나 길고 까다 롭습니다. align : center 같은 간단한 솔루션이 있습니까? 단추 또는 텍스트 필드를 중앙에 맞춰야합니까?

Answer 1

시도해 볼 수 있습니다. 그것은 하나의 방법 (내 창 그림 추가)

Ext.define('MyApp.view.MyWindow', { 
    extend: 'Ext.window.Window', 

    height: 137, 
    width: 233, 
    layout: { 
     align: 'middle', 
     pack: 'center', 
     type: 'hbox' 
    }, 
    title: 'My Window', 

    initComponent: function() { 
     var me = this; 

     Ext.applyIf(me, { 
      items: [ 
       { 
        xtype: 'button', 
        text: 'MyButton' 
       } 
      ] 
     }); 
     me.callParent(arguments); 
    } 
}); 

Answer 2

buttonAlign: 'center',을 삽입해야합니다. 기본값은 right입니다. this example을 참조하십시오.