ExtJS 中Window的窗口最大化只需將maximizable屬性設置為true即可,點擊最大化按鈕就可以將窗體最大化,最小化的操作類似將minimizable設置為true,即可以看到窗體的最小化按鈕,但是點擊此按鈕并不會出發任何操作,Ext沒有為窗口預設最小化的任何操作,需要自己自定義最小化功能。
下面是通過重新它的minimize函數來實現的一種最小化方法:
HTML:
<input type="button" id="btn" value="OpenWin" onclick="openWin();" /> <div id="divWin"></div> <a href="javascript:openWin();" id="aRestore" style="display:none">恢復</a> |
JS:
function openWin() { if(!win) { win = new Ext.Window({ title:"彈出窗口", el:"divWin", width:500, height:300, constrain:true, maximizable:true, closeAction:'hide', minimizable:true }); win.minimize = function(e) { this.hide(); Ext.get("aRestore").show(); } } win.show(Ext.get("btn")); Ext.get("aRestore").hide(); } |
下一篇 Access數據庫技術(36)