首页 > 代码库 > Ext JS学习第五天 Ext_window组件(二)

Ext JS学习第五天 Ext_window组件(二)

此文用来记录学习笔记

•上一讲我们已经学过了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:true16             }).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