ExtJS Window_extjs의 일반적인 방법 알아보기

1. 속성
plain: Boolean 타입, true는 배경색과 강제로 조정됨을 의미하며, 기본값은 false입니다.
resizing: 사용자가 양식의 크기를 조정할 수 있는지 여부를 나타내는 부울 유형입니다. 기본값은 true이며, 이는 양식의 크기를 조정할 수 있음을 의미합니다.
maxinized: 부울 유형, true는 최대화 버튼 표시를 의미하며 기본값은 false입니다.
maximized: 부울 유형, true는 양식을 표시할 때 양식을 최대화한다는 의미이며 기본값은 false입니다.
closable: 부울 유형, true는 닫기 버튼 표시를 의미하며 기본값은 true입니다.
bodyStyle: 테두리로부터의 간격(예: bodyStyle: "padding:3px").
buttonAlign: 버튼의 형식 정렬(왼쪽, 가운데, 오른쪽), 기본값은 오른쪽입니다.
closeAction: "close"는 양식이 차지한 메모리를 해제하고, "hide"는 양식을 숨깁니다. "hide"를 사용하는 것이 좋습니다.

2. 방법
표시: 양식을 엽니다.
숨기기: 양식을 숨깁니다.
닫기: 양식을 닫습니다.

3. 이벤트
표시: 양식을 열 때 메서드를 위반했습니다.
hide: 양식을 숨길 때 이 메서드를 위반합니다.
close: 이 메소드는 양식을 닫을 때 트리거됩니다.

4. 적용 예시

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

Ext.onReady(function(){
var _window=new Ext.Window({
title:"Login",
renderTo:Ext.getBody(),
frame:true,
일반: true,
크기 조정 가능:false,
buttonAlign:"right",
closeAction:"hide",
최대화 가능:true,
closable:true,
bodyStyle:" 패딩:4px ",
너비:310,
높이:230,
레이아웃:"form",
lableWidth:45,
기본값:{xtype:"textfield",너비:180 },
항목:[{fieldLabel:"계정"},{fieldLabel:"비밀번호"}],
버튼:[{text:"OK"},{text:"취소",handler:function( ){_window .hide();}}],
리스너:{
"show":function(){
alert("show")
},
"hide" :function( ){
alert("숨기기");
},
"close":function(){
alert("닫기")
}
}
} )
_window.show()
})