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

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