Layout_extjs から ExtJS を学ぶ

1. フォーム レイアウトは、form という名前のクラス 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、
layout:"form"、
hideLabels:false、
labelAlign:"right"、
height:120、
defaultType: 'textfield'、
items:[
{fieldLabel:"名前",name:"名前"},
{fieldLabel:"住所を入力してください",name:"住所"},
{fieldLabel:"電話番号を入力してください" ,name:"tel" }
]
}
);

2. 実際のアプリケーションでは、Ext.form.FormPanel クラスのデフォルト レイアウトは Form レイアウトを使用します。上記の例は次の形式に書き換えることができます:

コードをコピーします コードは次のとおりです。

Ext.onReady(function(){
var _panel = new Ext.FormPanel({
title:"人事情報",
renderTo:Ext.getBody) ()、
フレーム:true、
幅:500、
高さ:300、
hideLabels:false、
labelAlign:"right"、
高さ:120、
defaultType: 'textfield',
items: [
{fieldLabel:"名前",name:"名前"},
{fieldLabel:"住所を入力してください",name:"住所"},
{fieldLabel:"電話番号を入力してください",name :"tel"}
]
}
);