【2】ExtJS4.0特性

来源：互联网发布：青海广电网络投诉电话编辑：程序博客网时间：2024/06/03 17:36

一、EXTJS创建window EXTJS事件机制

function(){Ext.onReady(){//Ext.window包下var win=new Ext.window.Window({width：200,height:300,title:'myExtWindow'});// win.show(); 可以触发显示窗体//Ext注册事件Ext.get("控件名").on("click",function(){win.show();});}}

二、Ext create创建窗体(实例化)，Ext4.0推荐使用此方法，它有统一的类的管理器统一管理

function(){ Ext.onReady(){ //Ext包下var win= Ext.create("Ext.window.Window",{width：200,height:300,title:'myExtWindow'}); win.show();}}

三、define关键字创建类

fuction(){Ext.onReady(){//mywindow 类Ext.define("mywindow",{//extend属性相当于继承extend:'Ext.window.Window',width:400,height:300,title:'window',//可以自己添加自定义的扩展属性newtitle:'new window',mySetTitle:function(){//title被newtitle赋值this.title=this.newtitle;}//回调函数最后执行intiComponent:function(){this.mysetTitle();this.callParent(arguments);}Ext.creat("mywindow",{//title不会改变title:'my win'}).show();});}}

四、Ext requires引用自定义组件
自定义一个组件js文件

Ext.define("组件.mywindow",{//extend属性相当于继承extend:'Ext.window.Window',width:400,height:300,title:'window',//可以自己添加自定义的扩展属性newtitle:'new window',mySetTitle:function(){//title被newtitle赋值this.title=this.newtitle;}config:{say:'hello'}//回调函数最后执行intiComponent:function(){this.mysetTitle();this.callParent(arguments);} })

在另一个js文件中应用组件，在浏览器端需要时再异步加载组件js文件

(fuction(){//引用组件命名空间 预加载组件js文件Ext.Loader.setConfig({enabled:true,paths:{myApp:'code/组件'}});Ext.onReady(function{var win=Ext.create("组件.mywindow",{title:'my win',//加载命名空间"code/组件"下的myWindow类requires['组件.myWindow'],say:'hello again'});win.show();alert(win.say);});})();

五、config关键字不用自己大量写get set 如四组件js文件代码中 say属性，在用时直接赋值和调用
六、mixins混合，实际是继承，但是一个类只能继承一个类，这种方法能混合多个类的方法

function(){//创建一个类Ext.define("say",{cansay:function(){alert{"say hello"};}})Ext.define("sing",{cansing:function{alert("sing hello");}})Ext.define("user",{mixins:{say:'say',sing:'sing'}})var u=Ext.creat("user",{});u.cansay();u.cansing();}

0 0