ExtJS の一般的なメソッドを学ぶ Window_extjs

1. 属性
plain: ブール型、true は背景色との強制調整を意味し、デフォルト値は false です。
resizable: ユーザーがフォームのサイズを変更できるかどうかを示すブール型。デフォルト値は true で、フォームのサイズを変更できることを意味します。
maxinizable: ブール型、true は最大化ボタンを表示することを意味し、デフォルト値は false です。
maximized: ブール型。true はフォームを表示するときにフォームを最大化することを意味します。デフォルト値は false です。
closeable: ブール型、true は閉じるボタンを表示することを意味し、デフォルト値は true です。
bodyStyle: 境界線からの間隔 (例: bodyStyle: "padding:3px")。
buttonAlign: フォーム内のボタンの配置 (左、中央、右)、デフォルト値は右です。
closeAction: 「close」はフォームが占有しているメモリを解放し、「hide」はフォームを非表示にします。「hide」を使用することをお勧めします。

2. メソッド
show: フォームを開きます。
非表示: フォームを非表示にします。
閉じる: フォームを閉じます。

3. イベント
show: フォームを開くときにメソッドに違反しています。
hide: フォームを非表示にする場合、このメソッドは違反になります。
close: このメソッドはフォームを閉じるときにトリガーされます。

4. アプリケーションの例

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

Ext.onReady(function(){
var _window=new Ext.Window({
title:"ログイン",
renderTo:Ext.getBody(),
frame:true,
plain: true、
resizable:false、
buttonAlign:"right"、
closeAction:"hide"、
maximizable:true、
closeable:true、
bodyStyle:"パディング:4px "、
幅:310、
高さ:230、
レイアウト:"フォーム"、
lableWidth:45、
デフォルト:{xtype:"テキストフィールド"、幅:180 },
items:[{fieldLabel:"アカウント"},{fieldLabel:"パスワード"}]、
ボタン:[{text:"OK"},{text:"キャンセル",handler:function( ){_window .hide();}}]、
リスナー:{
"show":function(){
alert("show"); :function( ){
alert("非表示");
},
"close":function(){
alert("Close");
}
} )
_window.show()
})