ExtJS - 버튼 그룹의 가운데 아이템

Question

나는 이것에 대해 어떻게 할 지 모르겠다. buttonAlign: 'center'도 아니고 pack: 'center'도 작동 중이다. 바이올린 : http://jsfiddle.net/3Ytp9/

Answer 1

사용 buttongroup의 layout 특성 :

layout: { 
     type: 'vbox', 
     align: 'center' 
    } 

갈래의 바이올린을 참조하십시오 작동하지 않았다 https://fiddle.sencha.com/#fiddle/1cm

Answer 2

시도 :

Ext.onReady(function() { 
    var panel = Ext.create('Ext.form.Panel', { 
    renderTo: Ext.getBody(), 
    title: 'Button group', 
    border: true, 
    layout: { 
     align: 'middle', 
     pack: 'center', 
     type: 'hbox' 
    }, 
    width: 500, 
    items: [{ 
     xtype: 'buttongroup', 
     columns: 1, 
     items: [{ 
      xtype: 'button', 
      text: 'Go' 
     }, { 
      xtype: 'button', 
      text: 'Reset' 
     }] 
    }] 
}); 
}); 

가 옆에있는 버튼의 측면을 가지고, columns:1 제거 - 또한 그래서에 너무 많이 의존 해달라고, JSFiddle에 내선 JS 구현 끔찍한 있습니다.

Answer 3

패널 아래쪽에있는 툴바를 사용해 보셨습니까?

https://fiddle.sencha.com/#fiddle/1c0 당신은이 같은 것을 사용할 수 있습니다

(MVC 패턴없이) :

 dockedItems: [{ 
     xtype: 'toolbar', 
     layout: { 
      pack: 'center' 
     }, 
     defaultButtonUI: 'default', // get default look and feel 
     dock: 'bottom', 
     items: [{ 
      xtype: 'button', 
      width: 200,   
      text: 'Download to Excel', 

     },{ 
      xtype: 'button', 
      width: 200,   
      text: 'Another action', 

     }] 

안부를.