一起学习extjs(四)alias,config,mixins,require用法

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

alias是别名的意思。

如下面例子:

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

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


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

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属性了,而不用像“快跑”那样去拓展了
});

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开发分享



声明: 本文由( zongyan86 )原创编译,转载请保留链接: 一起学习extjs(四)alias,config,mixins,require用法

关注我们