此文用来记录学习笔记
•上一讲我们已经学过了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