extjs [1]
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(); }); })();