ext之关键字mixins、statics、require
2013-12-31 13:34
239 查看
1.mixins
说明:类似于面向对象中的多继承
运行结果:
2.statics
说明:定义静态变量
例子:
执行结果:
3.config
说明:属性包装器,为属性提供get和set方法
例子:
执行结果:
3.Ext.require
说明:动态加载js文件
使用Ext.require加载js文件,首先要通过Ext.loader设置文件路径。
例子:
执行结果:
转自:http://www.cnblogs.com/animal/archive/2012/04/02/2430308.html
说明:类似于面向对象中的多继承
<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>
执行结果:
转自:http://www.cnblogs.com/animal/archive/2012/04/02/2430308.html
相关文章推荐
- EXT基本方法、属性(mixins、statics、require)
- EXTJS4自学手册——EXT基本方法、属性(mixins、statics、require)
- Ext.require callback 不执行
- 创建redis集群报错 /usr/share/rubygems/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load suc
- 模块压缩后无法加载,保留require关键字后可以加载的问题 #1153
- 创建redis集群报错 /usr/share/rubygems/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load suc
- Ext.Net 1.x_Ext.Net.GridPanel关键字添加背景色
- 《ExtJS 3详解与实践》阅读补充资料:Ext.extend()中使用super关键字
- Ext.Net 1.x_Ext.Net.GridPanel关键字添加背景色
- ExtJs 4.x 学习小记:Ext.require动态加载js文件
- /usr/share/rubygems/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load such file -- re
- 创建redis集群报错 /usr/share/rubygems/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load suc
- 关键字: ext+dwr完整的例子(包括树, 增删改查等)
- Ext.require 的作用(转)
- Ext.require的作用
- 测试EXTJS4中的特性:config, extend, statics, mixins
- 创建redis集群报错 /usr/share/rubygems/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load
- jekyll serve 报错/usr/lib/ruby/2.4.0/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load
- rubygems/core_ext/kernel_require.rb:120:in `require': cannot load such file -- colored2 (LoadError)
- Ext.require 的作用