此文用來記錄學習筆記

?上一講我們已經學過了window的使用，那么在這將中，我們將結合然后把Ext中需要注意的地方，以及組建的使用給予介紹。indow做幾個Web開發的經典示例. ?ExtWeb實戰300例： –例1:點擊按鈕打開一個window，window重復創建的問題 ?重點分析：這個問題是初學者經常會犯錯的地方，一般來說簡單的代碼不會產生此問題，但是如果以后代碼復雜以后，這個問題如果發生調試起來會非常麻煩！！ 附上栗子代碼 1 Ext.onReady(function () { 2 3 //ex001:點擊一個按鈕 ,打開一個新的窗體 window重復創建的問題 4 //第一種實現 5 //JQuery code: var btn = $('#btn'); var dombtn = btn.get(0); 6 var btn = Ext.get('btn'); //這個元素是經過Ext包裝的一個Ext的Dom對象//alert(btn.dom.value); 7 btn.on('click', function () { 8 if (!Ext.getCmp('mywin')) { 9 Ext.create('Ext.window.Window', { 10 id: 'mywin', //如果你給組件加了一個id 那么這個組件就會被Ext所管理 11 title: '新窗體', 12 height: 300, 13 width: 400, 14 renderTo: Ext.getBody() //, 15 //modal:true 16 }).show(); 17 } 18 }); 19 20 21 }); 1 Ext.onReady(function () { 2 3 //ex001:點擊一個按鈕 ,打開一個新的窗體 window重復創建的問題 4 //第二種實現 5 var win = Ext.create('Ext.window.Window',{ 6 title:'新窗體' , 7 height:300 , 8 width:400 , 9 renderTo:Ext.getBody() , 10 closeAction:'hide' //closeAction默認是destroy 11 }); 12 13 Ext.get('btn').on('click',function(){ 14 win.show(); 15 }); 16 17 });

學習之余可以提高一下文學修養www.fishcmonkey.com

轉載于:https://www.cnblogs.com/lisr/p/3928252.html

總結

以上是生活随笔為你收集整理的Ext JS学习第五天 Ext_window组件（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。