ExtJS 버튼 정렬

Question

ExtJs 패널 버튼에서 아래와 같이 2 행으로 버튼을 만들고 싶습니다.

의 B1 B2 B3

의 B4 B5 B6의 기본적으로

는 단일 행에있는 버튼을 생성한다. b1 b2 b3 b4 b5 b6.

패널의 버튼 레이아웃을 어떻게 설정할 수 있습니까?

나는 buttongroup을 시도했지만 잘 작동합니다. 레이아웃을 할 수 있는지 알고 싶었습니다.

감사합니다.

Answer 1

두 개의 패널이 있고 각각의 패널에는 세 개의 버튼이 포함 된 패널을 사용할 수 있습니다.

표 또는 열 레이아웃 또는 hbox 레이아웃을 사용하여 열로 정렬 할 수 있습니다. 예를 들어

: 당신은 항목으로 도구 모음에서이 패널을 배치 할 수 있습니다

Ext.create("Ext.Panel", { 
    items: [{ 
     layout: { 
      type: 'hbox', 
      align: 'stretch' 
     }, 
     items: [b1, b2, b3] // buttons should have a width or flex specified 
    }, { 
     layout: { 
      type: 'hbox', 
      align: 'stretch' 
     }, 
     items: [b4, b5, b6] 
    }] 
}); 

.

내가 3 열이 테이블 레이아웃을 사용 ... 레이아웃 및 예제 링크에 대한 here