學習ExtJS Window常用方法
更新時間：2009年10月07日 23:57:15 作者：
ExtJS Window常用方法,需要的朋友可以參考下。
一、屬性
plain：布爾類型，true表示強制與背景色保持協(xié)調，默認值為false。
resizable：布爾類型，用戶是否可以調整窗體大小，默認值為true表示可以調整大小。
maxinizable：布爾類型，true表示顯示最大化按鈕，默認值為false。
maximized：布爾類型，true表示顯示窗體時將窗體最大化，默認值為false。
closable：布爾類型，true表示顯示關閉按鈕，默認值為true。
bodyStyle：與邊框的間距，如：bodyStyle:"padding:3px"。
buttonAlign：窗體中button的對齊方式(left、center、right)，默認值為right。
closeAction："close"釋放窗體所占內存，"hide"隱藏窗體，建議使用"hide"。
二、方法
show：打開窗體。
hide：隱藏窗體。
close：關閉窗體。
三、事件
show：打開窗體時觸法。
hide：隱藏窗體時觸法。
close：關閉窗體時觸法。
四、應用舉例
Ext.onReady(function(){
var _window=new Ext.Window({
title:"登陸",
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:"帳號"},{fieldLabel:"密碼"}],
buttons:[{text:"確定"},{text:"取消",handler:function(){_window.hide();}}],
listeners:{
"show":function(){
alert("顯示");
},
"hide":function(){
alert("隱藏");
},
"close":function(){
alert("關閉");
}
}
})
_window.show();
})
plain：布爾類型，true表示強制與背景色保持協(xié)調，默認值為false。
resizable：布爾類型，用戶是否可以調整窗體大小，默認值為true表示可以調整大小。
maxinizable：布爾類型，true表示顯示最大化按鈕，默認值為false。
maximized：布爾類型，true表示顯示窗體時將窗體最大化，默認值為false。
closable：布爾類型，true表示顯示關閉按鈕，默認值為true。
bodyStyle：與邊框的間距，如：bodyStyle:"padding:3px"。
buttonAlign：窗體中button的對齊方式(left、center、right)，默認值為right。
closeAction："close"釋放窗體所占內存，"hide"隱藏窗體，建議使用"hide"。
二、方法
show：打開窗體。
hide：隱藏窗體。
close：關閉窗體。
三、事件
show：打開窗體時觸法。
hide：隱藏窗體時觸法。
close：關閉窗體時觸法。
四、應用舉例
復制代碼 代碼如下:
Ext.onReady(function(){
var _window=new Ext.Window({
title:"登陸",
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:"帳號"},{fieldLabel:"密碼"}],
buttons:[{text:"確定"},{text:"取消",handler:function(){_window.hide();}}],
listeners:{
"show":function(){
alert("顯示");
},
"hide":function(){
alert("隱藏");
},
"close":function(){
alert("關閉");
}
}
})
_window.show();
})
相關文章
Ext JS 4實現(xiàn)帶week(星期)的日期選擇控件(實戰(zhàn)一)
有一些日期選擇的需求是要看到星期，就是日期中的哪一天是這一年的第幾周，遺憾的是Ext js 并沒有提供這樣的配置，下面為大家分享下理想的解決方法2013-08-08
網上找了好多EXTJS上傳圖片預覽的，但都不行，，，下面雖然IE8可以但肯定還存在其它瀏覽器的兼容性問題，待擱應付一下吧2012-03-03
用extjs實現(xiàn)的集成fckeditor的代碼。2009-05-05
Extjs優(yōu)化(二)Form表單提交通用實現(xiàn)
本文就將演示下一個實例使用該代碼只需要13行代碼 原始需要25-30行代碼搞定，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
ExtJS 工具欄 分頁事件參數(shù)使用說明。2010-03-03
Extjs grid添加一個圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經常需要添加一個圖片狀態(tài)或者按鈕，下面將自己用過的一些方法與大家分享下2014-04-04
ExtJs 實現(xiàn)動態(tài)加載grid完整示例
動態(tài)加載grid在ExtJs中如何實現(xiàn)，貌似有很多的朋友都不知道吧，下面有個不錯的示例，希望對大家有所幫助2013-09-09
Extjs ajax同步請求時post方式參數(shù)發(fā)送方式
一般參數(shù)傳遞通過url后面跟后臺也能取到，不過看到send參數(shù)也可以發(fā)送參數(shù)，試驗了一下服務器端接受不到發(fā)送的參數(shù)，在firebug里看到發(fā)送的請求post部分是一個串，不太象正常發(fā)送的參數(shù)。2009-08-08
把省份與城市以樹的形式輸出的Ext.XTemplate的實例代碼，需要的朋友可以參考下2012-03-03
radio控件的選取狀態(tài)如何設置與獲取，下面使用ExtJS來簡單實現(xiàn)下，感興趣的朋友可以參考下2014-01-01