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

本文详细介绍了EXTJS中的alias、config、mixins、require的用法，包括alias作为别名的用途、config自动配置getset属性的功能、mixins实现多继承的方法，以及require实现按需加载的技术。通过实例演示，帮助开发者更好地掌握这些核心概念，提升EXTJS应用的开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

home EXTJS 一起学习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属性。这在自定义拓展是很有作用的。

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