First, the attribute
Plain: Boolean type, True indicates that the force is reconciled with the background color, and the default value is False. Resizable: Boolean type, whether the user can resize the form, and the default value of TRUE indicates that the size can be resized. Maxinizable: Boolean type, True indicates that the Maximize button is displayed, and the default value is False. Maximized: Boolean type, True indicates that the form is maximized when the form is displayed, and the default value is False. Closable: Boolean type, True indicates that the Close button is displayed, and the default value is true. Bodystyle: Spacing to the border, such as: bodystyle: "padding:3px". Buttonalign: The alignment of the button in the form (left, center, right), and the default value is yes. Closeaction: "Close" frees the form to occupy the memory, "hide" hides the form and suggests "hide". Second, method show: Open the form. Hide: Hides the form. Close: Closes the form. Iii. Event Show: Touch when opening form. Hide: Hides the form when it touches the method. Close: Touch method when closing the form. Iv. Application Example Ext.onready (function () {
var _window=new ext.window ({
Title: "Landing",
RenderTo:Ext.getBody (),
Frame:true,
Plain:true,
Resizable:false,
Buttonalign: "Right",
Closeaction: "Hide",
Maximizable:true,
Closable:true,
Bodystyle: "Padding:4px",
width:310,
height:230,
Layout: "Form",
LABLEWIDTH:45,
Defaults:{xtype: "TextField", width:180},
Items:[{fieldlabel: "Account"},{fieldlabel: "Password"}],
Buttons:[{text: "OK"},{text: "Cancel", Handler:function () {_window.hide ();}}],
listeners:{
"Show": function () {
Alert ("Show");
},
"Hide": function () {
Alert ("hidden");
},
"Close": function () {
Alert ("Off");
}
}
})
_window.show ();
})
ExtJS in window form Common properties