ExtJS TextField_extjs の一般的なメソッドを学習する

1. 属性
fieldLabel: ラベル名。
labelWidth: ラベルの幅。
ID: ファイルボックスのID。

2. 構築パラメータ
リスナー: オブジェクトが初期化される前に一連のイベントをバインドします。


3. 関数
getCmp(string _id): ID _id のコンポーネント オブジェクトを取得します。
getValue(): ファイルボックスの値を取得します。

4. その他
レイアウト: このレイアウトでのみ、ファイル ボックスのラベル名が正しく表示されます。レイアウトのホスト オブジェクトは Ext.Container または Ext A である必要があります。 .Container のサブクラス。
FormLayout レイアウトを適用する場合は、ホスト オブジェクトの構築パラメーターにlayout: "form" を指定するだけです。
5. アプリケーション例

コードをコピーします。 コードは次のとおりです。 onReady(function (){ var _panel = new Ext.Panel({

renderTo:Ext.getBody(),

layout:"form",
labelWidth:30,
listeners: {
"render":function(_panel){
_panel.add(new Ext.form.TextField({
id: "txt_name",
fieldLabel: "名前"
}) ) ;
}
}});
new Ext.Button({
text:"OK",
renderTo:Ext.getBody(),
handler:function() {
alert(Ext.getCmp("txt_name").getValue()) ;
}
}) ;