此文用来记录学习笔记
•上一讲我们已经学过了window的使用，那么在这将中，我们将结合然后把Ext中需要注意的地方，以及组建的使用给予介绍。indow做几个Web开发的经典示例.
•ExtWeb实战300例：
–例1:点击按钮打开一个window，window重复创建的问题
•重点分析：这个问题是初学者经常会犯错的地方，一般来说简单的代码不会产生此问题，但是如果以后代码复杂以后，这个问题如果发生调试起来会非常麻烦！！
附上栗子代码
Ext.onReady(function () {
//ex001:点击一个按钮 ,打开一个新的窗体 window重复创建的问题
//第一种实现
//JQuery code: var btn = $('#btn'); var dombtn = btn.get(0);
var btn = Ext.get('btn'); //这个元素是经过Ext包装的一个Ext的Dom对象//alert(btn.dom.value);
btn.on('click', function () {
if (!Ext.getCmp('mywin')) {
Ext.create('Ext.window.Window', {
id: 'mywin', //如果你给组件加了一个id 那么这个组件就会被Ext所管理
title: '新窗体',
height: 300,
width: 400,
renderTo: Ext.getBody() //,
//modal:true
}).show();
}
});
});
Ext.onReady(function () {
//ex001:点击一个按钮 ,打开一个新的窗体 window重复创建的问题
//第二种实现
var win = Ext.create('Ext.window.Window',{
title:'新窗体' ,
height:300 ,
width:400 ,
renderTo:Ext.getBody() ,
closeAction:'hide' //closeAction默认是destroy
});
Ext.get('btn').on('click',function(){
win.show();
});
});
学习之余可以提高一下文学修养www.fishcmonkey.com