EXTJS4自学手册——EXT基本方法属性(mixins多继承staticsrequire)
Posted 追求极致 突破自我
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了EXTJS4自学手册——EXT基本方法属性(mixins多继承staticsrequire)相关的知识,希望对你有一定的参考价值。
1.mixins
说明:类似于面向对象中的多继承
<script type="text/javascript">
Ext.onReady(function () {
//创建一个类,类名:TextClass,具有两个属性:A、B
Ext.define(\'TextClass\', {
A: \'a\',
B: \'b\'
});
//创建一个类,类名:TextClass,具有两个属性:A、B
Ext.define(\'TextClass2\', {
C: \'c\',
write: function () {
alert(\'A:\' + this.A + \';B:\' + this.B + \';C:\' + this.C)
}
})
Ext.define(\'TextClass3\', {
//继承TextClass、TextClass2
mixins: {
TextClass: \'TextClass\',
TextClass2: \'TextClass2\'
}
})
var textClass = Ext.create("TextClass3")
textClass.write();
});
</script>
运行结果:
2.statics
说明:定义静态变量
例子:
<script type="text/javascript">
Ext.onReady(function () {
//创建一个类,类名:TextClass,具有两个属性:A、B
Ext.define(\'TextClass\', {
A: \'a\',
B: \'b\',
statics: {
C:\'C\'
}
});
//没有实例化TextClass类
Ext.Msg.alert(\'TextClass类的静态属性C的值是:\', TextClass.C)
});
</script>
执行结果:
3.config
说明:属性包装器,为属性提供get和set方法
例子:
<script type="text/javascript">
Ext.onReady(function () {
//创建一个类,类名:TextClass,具有两个属性:A、B
Ext.define(\'TextClass\', {
A: \'a\',
B: \'b\',
statics: {
C: \'C\'
},
config: {
configProperty: \'how can i get this property\'
}
});
var textClass = Ext.create(\'TextClass\');
//通过set方法设置属性的值,注意,包装器会把属性的头字母大写
textClass.setConfigProperty("set this property\'s value");
//通过get方法展示属性值
Ext.Msg.alert(\'configProperty属性的值是:\', textClass.getConfigProperty());
});
</script>
执行结果:
3.Ext.require
说明:动态加载js文件
使用Ext.require加载js文件,首先要通过Ext.loader设置文件路径。
例子:
<script type="text/javascript">
//设置Ext命名空间下的js文件所在文件夹
Ext.Loader.setPath({
Ext: \'http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/src\'
});
Ext.onReady(function () {
//加载Ext.window.MessageBox类,位于http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/src/window/MessageBox.js文件中
//注意:一个js文件只有一个类
//注意:类名=命名空间名(这里就是EXT)+文件路径名(这里就是window/messagebox)
Ext.require("Ext.window.MessageBox")
});
</script>
执行结果:
以上是关于EXTJS4自学手册——EXT基本方法属性(mixins多继承staticsrequire)的主要内容,如果未能解决你的问题,请参考以下文章
Extjs4 MVC、Ext.define() 和 Ext.create()
sencha extjs4.1 ext.tab.panel activetab
ExtJS4 - Ext.dom.Element 和 fireEvent