EXT용 Form 레이아웃

Form 레이아웃은 클래스 Ext.layout.FormLayout 정의, 이름:form, 관리 양식
프로그램의 폼 필드나 폼 요소를 만드는 데 주로 사용되는 필드의 레이아웃을 입력하십시오.다음 세대를 보다
코드:

Ext.onReady(function(){
new Ext.Panel({
renderTo:"hello",
title:"    ",
width:300,
layout:"form",
hideLabels:false,
labelAlign:"right",
height:120,
defaultType: 'textfield',
items:[
{fieldLabel:"     ",name:"name"},
{fieldLabel:"     ",name:"address"},
{fieldLabel:"     ",name:"tel"}
] }
);
});

위의 코드는 판넬을 만들었습니다. 판넬은form 레이아웃을 사용합니다. 판넬에는 세 개의 하위 요소, 이 하위 요소가 포함되어 있습니다.
원래 텍스트 상자 필드이며, 부모 용기에서hideLabels, labelAlign 등 설정 속성을 통해 숨김 여부를 정의합니다
라벨, 라벨 정렬 방식 등을 숨긴다.
컨테이너 구성 요소에서hideLabels를true로 설정하면 컨테이너의 필드 레이블이 표시되지 않습니다.
실제 응용에서 Ext.form.FormPanel 클래스의 기본 레이아웃은 Form 레이아웃을 사용하고 FormPanel
또한 레이블과 관련된 구성 요소도 생성되므로 일반적으로 FormPanel을 사용하면 됩니다.위쪽
의 예는 다음과 같은 형식으로 바꿀 수 있다.

Ext.onReady(function(){
new Ext.form.FormPanel({
renderTo:"hello",
title:"    ",
width:300,
labelAlign:"right",
height:120,
defaultType: 'textfield',
items:[
{fieldLabel:"     ",name:"name"},
{fieldLabel:"     ",name:"address"},
{fieldLabel:"     ",name:"tel"}
] }
);
});

프로그램 결과는 이전에 Ext.Panel을 사용하고 form 레이아웃을 지정한 것과 같습니다.