패널에 단추를 배치하는 중 ext2s 4

Question

extjs에서 내 사용자 인터페이스 용 버튼을 배치하는 데 심각한 문제가 있습니다. 4.07 기본 레이아웃이 있는데, 변경하고 싶을 때마다 내 버튼이 사라지거나, 전체 패널을 차지하거나 입력 한 설정에 따라 의미가없는 다른 것이 있습니다. 도움이 필요해. 코드는 다음과 같습니다.

{xtype:'panel', 
    columnWidth:.06, 
    layout:'vbox', 
    items:[ 
    {xtype:'button', text:'=>', action'moveOver'}, 
    {xtype:'button', text:'<=', action'moveBack'}, 
    {xtype:'button', text:'reset', action'reset'} 
    ] 
} 

다음은 내가 갖고있는 패널과 원하는 패널입니다.

내가 무엇을 가지고 :

[----------] 
[[=>]  ] 
[[<=]  ] 
[[RS]  ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[----------] 

내가 원하는 것은, 이런 식으로 뭔가 :

[----------] 
[   ] 
[ [=>] ] 
[   ] 
[ [<=] ] 
[   ] 
[ [RS] ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[   ] 
[----------] 

Answer 1

당신이 센차에 VBox Layout 예를 살펴나요

어떤 도움에 감사드립니다

설명서 사이트? 항목 사이의 여백을 중심으로 항목을 가운데 맞춤으로 정렬하는 것처럼 보입니다. 이 같은 것을 시작해야합니다.

layout: { 
    type: "vbox", 
    align: "center" 
}, 
defaults: { 
    margin: "10 0 0 0" // Same as CSS (top right bottom left) 
}, 
items: [ 
    /* Button declarations here */ 
]