此文用來(lái)記錄學(xué)習(xí)筆記

?上一講我們已經(jīng)學(xué)過(guò)了window的使用，那么在這將中，我們將結(jié)合然后把Ext中需要注意的地方，以及組建的使用給予介紹。indow做幾個(gè)Web開(kāi)發(fā)的經(jīng)典示例. ?ExtWeb實(shí)戰(zhàn)300例： –例1:點(diǎn)擊按鈕打開(kāi)一個(gè)window，window重復(fù)創(chuàng)建的問(wèn)題 ?重點(diǎn)分析：這個(gè)問(wèn)題是初學(xué)者經(jīng)常會(huì)犯錯(cuò)的地方，一般來(lái)說(shuō)簡(jiǎn)單的代碼不會(huì)產(chǎn)生此問(wèn)題，但是如果以后代碼復(fù)雜以后，這個(gè)問(wèn)題如果發(fā)生調(diào)試起來(lái)會(huì)非常麻煩！！ 附上栗子代碼 1 Ext.onReady(function () { 2 3 //ex001:點(diǎn)擊一個(gè)按鈕 ,打開(kāi)一個(gè)新的窗體 window重復(fù)創(chuàng)建的問(wèn)題 4 //第一種實(shí)現(xiàn) 5 //JQuery code: var btn = $('#btn'); var dombtn = btn.get(0); 6 var btn = Ext.get('btn'); //這個(gè)元素是經(jīng)過(guò)Ext包裝的一個(gè)Ext的Dom對(duì)象//alert(btn.dom.value); 7 btn.on('click', function () { 8 if (!Ext.getCmp('mywin')) { 9 Ext.create('Ext.window.Window', { 10 id: 'mywin', //如果你給組件加了一個(gè)id 那么這個(gè)組件就會(huì)被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:點(diǎn)擊一個(gè)按鈕 ,打開(kāi)一個(gè)新的窗體 window重復(fù)創(chuàng)建的問(wèn)題 4 //第二種實(shí)現(xiàn) 5 var win = Ext.create('Ext.window.Window',{ 6 title:'新窗體' , 7 height:300 , 8 width:400 , 9 renderTo:Ext.getBody() , 10 closeAction:'hide' //closeAction默認(rèn)是destroy 11 }); 12 13 Ext.get('btn').on('click',function(){ 14 win.show(); 15 }); 16 17 });

學(xué)習(xí)之余可以提高一下文學(xué)修養(yǎng)www.fishcmonkey.com

轉(zhuǎn)載于:https://www.cnblogs.com/lisr/p/3928252.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。