ExtJS 양식 알아보기

1. 폼 레이아웃은 폼이라는 이름의 Ext.layout.FormLayout 클래스에 의해 정의됩니다. 폼의 입력 필드를 관리하는 데 특별히 사용되는 레이아웃입니다. 이 레이아웃은 주로 프로그램에서 폼 필드나 폼 요소를 생성하는 데 사용됩니다.
hideLabels: tru는 라벨 숨기기를 의미하며 기본값은 false입니다.
labelAlign: 라벨 정렬 방법은 왼쪽, 오른쪽, 가운데이며 기본값은 왼쪽입니다.

코드 복사 코드는 다음과 같습니다.

Ext.onReady(function(){
var _panel = new Ext.Panel({
title:"개인 정보",
renderTo:Ext.getBody(),
frame:true,
width:500,
height :300,
레이아웃:"form",
hideLabels:false,
labelAlign:"right",
height:120,
defaultType: 'textfield',
항목:[
{fieldLabel:"이름", 이름:"이름"},
{fieldLabel:"주소를 입력하세요",name:"address"},
{fieldLabel:"전화번호를 입력하세요" ,name:"tel" }
]
}
);

2. 실제 애플리케이션에서 Ext.form.FormPanel 클래스의 기본 레이아웃은 Form 레이아웃을 사용합니다. , FormPanel을 직접 사용합니다. 위의 예는 다음 형식으로 다시 작성할 수 있습니다.

코드 복사 코드는 다음과 같습니다. 다음과 같습니다:

Ext.onReady(function(){
var _panel = new Ext.FormPanel({
title:"개인 정보",
renderTo:Ext.getBody (),
프레임:true,
너비:500,
높이:300,
hideLabels:false,
labelAlign:"right",
높이:120,
defaultType: 'textfield',
items: [
{fieldLabel:"이름", 이름:"이름"},
{fieldLabel:"주소를 입력하세요", 이름:"주소"},
{fieldLabel:"전화번호를 입력하세요", 이름:"전화번호"}
]
}
)