Ext.js-레이아웃
레이아웃은 요소가 컨테이너에 배열되는 방식입니다. 수평, 수직 또는 기타 일 수 있습니다. Ext JS는 라이브러리에 다른 레이아웃이 정의되어 있지만 항상 사용자 지정 레이아웃도 작성할 수 있습니다.
Sr. 아니요 | 레이아웃 및 설명 |
---|---|
1 | 순수한 이 레이아웃을 사용하면 컨테이너에서 XY 좌표를 사용하여 항목을 배치 할 수 있습니다. |
2 | 아코디언 이 레이아웃을 사용하면 모든 항목을 컨테이너 내부에 스택 방식으로 배치 할 수 있습니다. |
삼 | 닻 이 레이아웃은 사용자에게 컨테이너 크기와 관련하여 각 요소의 크기를 지정할 수있는 권한을 제공합니다. |
4 | 경계 이 레이아웃에서는 다양한 패널이 중첩되고 테두리로 구분됩니다. |
5 | 자동 요소 수에 따라 요소의 레이아웃을 결정하는 기본 레이아웃입니다. |
6 | 카드 (TabPanel) 이 레이아웃은 탭 방식으로 다양한 구성 요소를 정렬합니다. 컨테이너 상단에 탭이 표시됩니다. 하나의 탭만 표시되고 각 탭은 다른 구성 요소로 간주됩니다. |
7 | 카드 (마법사) 이 레이아웃에서 요소가 전체 컨테이너 공간에 올 때마다. 탐색을위한 마법사의 하단 도구 모음이 있습니다. |
8 | 기둥 이 레이아웃은 컨테이너에 여러 열을 표시하기위한 것입니다. 열에 고정 또는 백분율 너비를 정의 할 수 있습니다. 백분율 너비는 컨테이너의 전체 크기를 기준으로 계산됩니다. |
9 | 적당한 이 레이아웃에서 컨테이너는 단일 패널로 채워집니다. 레이아웃과 관련된 특정 요구 사항이없는 경우이 레이아웃이 사용됩니다. |
10 | 표 이름에서 알 수 있듯이이 레이아웃은 컨테이너의 구성 요소를 HTML 테이블 형식으로 정렬합니다. |
11 | vBox 이 레이아웃을 사용하면 요소를 세로로 배포 할 수 있습니다. 이것은 가장 많이 사용되는 레이아웃 중 하나입니다. |
12 | hBox 이 레이아웃을 사용하면 요소를 가로로 배포 할 수 있습니다. |