1.JS 类的声明,和对象的创建
2.原始方法用EXTJS创建一个window
3.利用一个按钮触发window窗体,了解一下EXTJS的事件机制
4.用EXTJS4.0的create来创建window
5.利用define自定义类并且集成(extend)window
//初始化的方法
initComponent: function() {
this.callParent(arguments);
}
6.requires JS的异步加载
7.config 自动的get和set
8.mixins 类的混合
////类的声明其实就是一个function
//function user(){
// //java 语言的public
// this.Name = 'uspcat';
// this.age = 26;
// //var 就相对于高级语言当中的private
// var email = "yfc@126.com"
// this.getEmail = function(){
// return email;
// }
//}
//var u = new user();
////alert(u.getEmail())
//
//var person = {
// name:'yfc'
// ,age:26
//};
//alert(person.name+" "+person['age'])
(function(){
Ext.Loader.setConfig({
enabled:true,
paths:{
myApp:'code/ux'
}
});
Ext.onReady(function(){
/**
var win = new Ext.window.Window({
width:400,
height:300,
title:'uspcat'
});
// win.show();
//1.得到那个按钮的dom对象
//2.为按钮对象添加单击的事件
//3.单击的时候调用对象win的show方法
Ext.get("myb").on("click",function(){
win.show();
});
*/
// var o = {
// say : function(){
// alert(11111);
// }
// }
// var fn = Ext.Function.alias(o,'say');
// fn();
// var win = Ext.create('Ext.window.Window',{
// width:400,
// height:300,
// title:'uspcat'
// });
// win.show();
Ext.get("myb").on("click",function(){
var win = Ext.create("ux.myWin",{
title:'my win',
price:600,
requires:['ux.myWin']
});
//alert(win.getPrice())
});
Ext.define("say",{
cansay:function(){
alert("hello");
}
})
Ext.define("sing",{
sing:function(){
alert("sing hello 123");
}
})
Ext.define('user',{
mixins :{
say : 'say',
sing: 'sing'
}
});
var u = Ext.create("user",{});
u.cansay();
u.sing();
});
})();