首页 > 代码库 > 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。