學(xué)習(xí)ExtJS Window常用方法
更新時(shí)間:2009年10月07日 23:57:15 作者:
ExtJS Window常用方法,需要的朋友可以參考下。
一、屬性
plain:布爾類型,true表示強(qiáng)制與背景色保持協(xié)調(diào),默認(rèn)值為false。
resizable:布爾類型,用戶是否可以調(diào)整窗體大小,默認(rèn)值為true表示可以調(diào)整大小。
maxinizable:布爾類型,true表示顯示最大化按鈕,默認(rèn)值為false。
maximized:布爾類型,true表示顯示窗體時(shí)將窗體最大化,默認(rèn)值為false。
closable:布爾類型,true表示顯示關(guān)閉按鈕,默認(rèn)值為true。
bodyStyle:與邊框的間距,如:bodyStyle:"padding:3px"。
buttonAlign:窗體中button的對(duì)齊方式(left、center、right),默認(rèn)值為right。
closeAction:"close"釋放窗體所占內(nèi)存,"hide"隱藏窗體,建議使用"hide"。
二、方法
show:打開窗體。
hide:隱藏窗體。
close:關(guān)閉窗體。
三、事件
show:打開窗體時(shí)觸法。
hide:隱藏窗體時(shí)觸法。
close:關(guān)閉窗體時(shí)觸法。
四、應(yīng)用舉例
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:"帳號(hào)"},{fieldLabel:"密碼"}],
buttons:[{text:"確定"},{text:"取消",handler:function(){_window.hide();}}],
listeners:{
"show":function(){
alert("顯示");
},
"hide":function(){
alert("隱藏");
},
"close":function(){
alert("關(guān)閉");
}
}
})
_window.show();
})
plain:布爾類型,true表示強(qiáng)制與背景色保持協(xié)調(diào),默認(rèn)值為false。
resizable:布爾類型,用戶是否可以調(diào)整窗體大小,默認(rèn)值為true表示可以調(diào)整大小。
maxinizable:布爾類型,true表示顯示最大化按鈕,默認(rèn)值為false。
maximized:布爾類型,true表示顯示窗體時(shí)將窗體最大化,默認(rèn)值為false。
closable:布爾類型,true表示顯示關(guān)閉按鈕,默認(rèn)值為true。
bodyStyle:與邊框的間距,如:bodyStyle:"padding:3px"。
buttonAlign:窗體中button的對(duì)齊方式(left、center、right),默認(rèn)值為right。
closeAction:"close"釋放窗體所占內(nèi)存,"hide"隱藏窗體,建議使用"hide"。
二、方法
show:打開窗體。
hide:隱藏窗體。
close:關(guān)閉窗體。
三、事件
show:打開窗體時(shí)觸法。
hide:隱藏窗體時(shí)觸法。
close:關(guān)閉窗體時(shí)觸法。
四、應(yīng)用舉例
復(fù)制代碼 代碼如下:
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:"帳號(hào)"},{fieldLabel:"密碼"}],
buttons:[{text:"確定"},{text:"取消",handler:function(){_window.hide();}}],
listeners:{
"show":function(){
alert("顯示");
},
"hide":function(){
alert("隱藏");
},
"close":function(){
alert("關(guān)閉");
}
}
})
_window.show();
})
您可能感興趣的文章:
- extjs圖表繪制之條形圖實(shí)現(xiàn)方法分析
- extjs4圖表繪制之折線圖實(shí)現(xiàn)方法分析
- Extjs grid添加一個(gè)圖片狀態(tài)或者按鈕的方法
- ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼
- 解決Extjs上傳圖片無法預(yù)覽的解決方法
- ExtJs之帶圖片的下拉列表框插件
- ExtJs使用總結(jié)(非常詳細(xì))
- Extjs學(xué)習(xí)筆記之五 一個(gè)小細(xì)節(jié)renderTo和applyTo的區(qū)別
- Extjs中常用表單介紹與應(yīng)用
- ExtJS 簡(jiǎn)介 讓你知道extjs是什么
- ExtJS下grid的一些屬性說明
- extjs圖形繪制之餅圖實(shí)現(xiàn)方法分析
相關(guān)文章
Ext JS 4實(shí)現(xiàn)帶week(星期)的日期選擇控件(實(shí)戰(zhàn)一)
有一些日期選擇的需求是要看到星期,就是日期中的哪一天是這一年的第幾周,遺憾的是Ext js 并沒有提供這樣的配置,下面為大家分享下理想的解決方法2013-08-08
Extjs優(yōu)化(二)Form表單提交通用實(shí)現(xiàn)
本文就將演示下一個(gè)實(shí)例使用該代碼只需要13行代碼 原始需要25-30行代碼搞定,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04
Extjs grid添加一個(gè)圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經(jīng)常需要添加一個(gè)圖片狀態(tài)或者按鈕,下面將自己用過的一些方法與大家分享下2014-04-04
ExtJs 實(shí)現(xiàn)動(dòng)態(tài)加載grid完整示例
動(dòng)態(tài)加載grid在ExtJs中如何實(shí)現(xiàn),貌似有很多的朋友都不知道吧,下面有個(gè)不錯(cuò)的示例,希望對(duì)大家有所幫助2013-09-09
Extjs ajax同步請(qǐng)求時(shí)post方式參數(shù)發(fā)送方式
一般參數(shù)傳遞通過url后面跟后臺(tái)也能取到,不過看到send參數(shù)也可以發(fā)送參數(shù),試驗(yàn)了一下服務(wù)器端接受不到發(fā)送的參數(shù),在firebug里看到發(fā)送的請(qǐng)求post部分是一個(gè)串,不太象正常發(fā)送的參數(shù)。2009-08-08
一個(gè)簡(jiǎn)單的Ext.XTemplate的實(shí)例代碼
把省份與城市以樹的形式輸出的Ext.XTemplate的實(shí)例代碼,需要的朋友可以參考下2012-03-03
ExtJS如何設(shè)置與獲取radio控件的選取狀態(tài)
radio控件的選取狀態(tài)如何設(shè)置與獲取,下面使用ExtJS來簡(jiǎn)單實(shí)現(xiàn)下,感興趣的朋友可以參考下2014-01-01

