您的位置：首页 > 产品设计 > UI/UE

一起学习extjs（四）alias，config，mixins，require用法

2016-03-01 11:27 423 查看
WEB开发分享



广告虚位以待

homeEXTJS一起学习extjs（四）alias，config，mixins，require用法




一起学习extjs（四）alias，config，mixins，require用法

时间:14-07-26 栏目:EXTJS 作者:zongyan86 评论:0
点击: 3,153 次

本文标签： extjs web开发 源码

alias是别名的意思。

如下面例子：

var kuaipao8 = {
gotosite: function(){
alert(’web开发‘);
}
}
var fn = Ext.Function.alias(kuaipao8,'gotosite');
fn();


等于说，给gotosite取了个别名fn。

config的作用是自动配置get set属性。这在自定义拓展是很有作用的。


        <script type="text/javascript">        Ext.onReady(function(){          
Ext.define("ux.myWin",{ extend:'Ext.window.Window',
width:400, height:300,
config: {   age: 8
}, newtitle: '快跑吧',
mySetTitle:function(){ this.title = this.newtitle;
}, title:'快跑',
initComponent: function() { this.mySetTitle();
this.callParent(arguments); }
}); Ext.get("myb").on("click",function(){
var win = Ext.create("ux.myWin",{ title:'my win',
price:600 });
alert(win.getAge()) //采用getAge就可以自动识别到age属性了，而不用像“快跑”那样去拓展了
}) });  
    </script>  </head>  <body>    This is my JSP page. <br>    <div id="myb">tttt</div>

mixins 混合的意思，其实就是多继承的一种方式。extend只能继承。

如下面代码：

Ext.define("say",{
cansay:function(){
alert("hello");
}
})
Ext.define("sing",{
sing:function(){
alert("sing web开发");
}
})
Ext.define('user',{
mixins :{
say : 'say',
sing: 'sing'
}
});
var u = Ext.create("user",{});
u.cansay();
u.sing();


这样的话，user类就可以调用到say类跟sing里面的所有方法了。

require是按需加载的意思，跟require.js，sea.js要实现的是一个意思。

Ext.Loader.setConfig({
enabled:true,
paths:{
myApp:'code/ux'  //配置路径
}
});

Ext.onReady(function(){
var win = Ext.create("ux.myWin",{
title:'my win',
requires:['ux.myWin']
});
win.show();
});


web开发分享
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航