- 浏览: 712439 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
ron.luo:
群主有开放源代码吗?
统一用户权限管理系统(正式版) -
名字应该取长点:
楼主可不可以问你几个问题呀,关于这个插件,貌似单线程,而且不分 ...
Extjs3.3 + swfUpload2.2 实现多文件上传组件 -
mayouth:
不知道楼主能不能解决下浏览器兼容的问题,目前好像火狐和谷歌浏览 ...
Extjs3.3 + swfUpload2.2 实现多文件上传组件 -
一水无间:
...
pushlet + Extjs 聊天室v0.9 (含源码) -
jintt123:
你好!我后台用的是C#,为什么一直上传失败,好像是后台取不到参 ...
多文件上传UploadPanel for extjs4(swfuoload2.5)
Extjs4.0 之Ext.Class 属性详解 (alias/mixins /uses/requires/singleton等属性)
- 博客分类:
- EXTJS
Ext.Class 属性详解 :
1 , alias : 相当于别名一样,可以起多个,可以通过xtype和Ext.widget()创建实例:
Ext.define('SimplePanel', { extend: 'Ext.panel.Panel', alias: ['widget.simplepanel_007','widget.simplepanel_008'], title: 'Yeah!' }); //通过Ext.widget()创建实例 Ext.widget('simplepanel_007',{ width : 100, height : 100 }).render(Ext.getBody()); //通过xtype创建 Ext.widget('simplepanel_007', { width : 100, items: [ {xtype: 'simplepanel_008', html: 'Foo'}, {xtype: 'simplepanel_008', html: 'Bar'} ] }).render(Ext.getBody());
2 , alternateClassName : 跟alias有点类似,相当于给类找替身,可以多个,可以通过Ext.create()创建实例:
Ext.define('Boy', { //定义多个替身 alternateClassName: ['boy2', 'boy3'], say : function(msg){ alert(msg); } }); var boy1 = Ext.create('Boy'); boy1.say('I am boy1...'); //可以通过alternateClassName实例化该类 var boy2 = Ext.create('boy2'); boy2.say('I am boy2...'); var boy3 = Ext.create('boy3'); boy3.say('I am boy3...');
3 , config:类的属性配置,属性可以自动生成geter/seter方法
Ext.define('Boy', { config : { name : 'czp', age : 25 }, constructor: function(cfg) { this.initConfig(cfg); } }); var czp = Ext.create('Boy',{name:'czpae86'}); //通过getName()方法获得属性name值 alert(czp.getName()); //通过setAge()方法改变属性age值 czp.setAge(25.5);
4 , extend : 继承,可以继承单个类
Ext.define('Person', { say: function(text) { alert(text); } }); Ext.define('Boy', { extend : 'Person' }); var czp = Ext.create('Boy'); //继承了Person,所以可以使用say()方法 czp.say('my name is czp.');
5 , inheritableStatics : 定义静态方法,可以通过"类名.方法名"调用静态方法. 类似 statics属性,
区别是:子类也可以使用该静态方法,但statics属性定义的静态方法子类是不会继承的.
Ext.define('Person', { inheritableStatics : { sleep : function(){ alert('sleep'); } }, say: function(text) { alert(text); } }); Ext.define('Boy', { extend : 'Person' }); //子类可以通过"类名.方法名"调用父类通过"inheritableStatics"定义的方法 Boy.sleep();
6 , mixins : 可以实现多继承
Ext.define('Person', { say: function(text) { alert(text); } }); Ext.define('Boy', { play : function(){ alert('play'); } }); Ext.define('Gird', { sleep : function(){ alert('sleep'); } }); Ext.define('A_007', { //继承Person extend : 'Person', //同时继承'Boy','Gird' mixins : ['Boy','Gird'] }); var a_007 = new A_007(); a_007.say('我可以say,也可以play,还可以sleep!!'); a_007.play(); a_007.sleep();
7 , singleton : 创建单例模式的类, 如果singleton为true,那么该类不能用通过new创建,也不能被继承
Ext.define('Logger', { //singleton为true singleton: true, log: function(msg) { alert(msg); } }); //方法调用"类名.方法名" Logger.log('Hello');
8 , statics : 与第5个inheritableStatics属性类似,statics属性定义的静态方法子类是不会继承的.请看第5个属性.
9 , uses 和 requires : 与requires属性类似,都是对某些类进行引用
uses -- 被引用的类可以在该类之后才加载.
requires -- 被引用的类必须在该类之前加载.
Ext.define('Gird', { uses : ['Boy'], getBoy : function(){ return Ext.create('Boy'); }, sleep : function(){ alert('sleep'); } }); //对于uses属性,Boy类放在后面是可以的,不会报错 Ext.define('Boy', { play : function(){ alert('play'); } }); //对于requires属性,Boy类必须在Grid类之前加载,不然会报错 Ext.define('Boy', { play : function(){ alert('play'); } }); Ext.define('Gird', { requires : ['Boy'], getBoy : function(){ return Ext.create('Boy'); }, sleep : function(){ alert('sleep'); } });
评论
10 楼
佳佳搭档
2015-12-15
有用,值得收藏
9 楼
liyueyang165
2014-05-15
学习了,已收藏
8 楼
793059909
2013-11-04
extend : 继承,可以继承单个类
7 楼
lixiao888
2013-07-18
楼主很好,正好用到这个了,支持下,
6 楼
crazygrass
2013-06-20
很好很好
5 楼
旋风小皮皮
2012-11-02
很好 ~~ 说的很精辟。mark~
4 楼
sailei1
2012-07-19
不错!挺好的!
3 楼
chenbinqun
2012-07-06
good 希望楼主继续
2 楼
hjqhezgh
2011-09-29
mark一下,这篇讲的真好,从3.x转到4还真是各种难。
1 楼
liuzk86
2011-09-02
以前不懂,现在看了才知道是什么意思。
楼主好样的。
楼主好样的。
发表评论
-
统一用户权限管理系统(正式版)
2015-01-08 21:11 50240该系统已停止更新,已发布另外一个平台,演示地址:htt ... -
多文件上传UploadPanel for extjs4(swfuoload2.5)
2012-11-17 14:21 25260UploadPanel for extjs4 使用的是SWFU ... -
Sencha Touch2 MVC Demo (含源码/数据库)
2012-11-08 16:25 7078源码见附件。由于文件太大,resources\media ... -
后台管理
2012-09-09 18:58 3199java6+spring+hibernate+extjs4.1 ... -
一个Ext.DataView / Ext.ListView扩展
2012-07-06 17:43 5478在sencha论坛看到的扩展: 例子: Ext.onR ... -
Extjs chekboxtree PagingTreeLoader 多选、分页
2012-04-13 13:58 2050测试使用版本:extjs3.4.0 效果图: ... -
web即时聊天有消息头像跳动
2012-04-05 14:46 2331结合Extjs tree做的. //有消息头像跳 ... -
表情选择扩展
2012-04-05 14:37 1750/** * 表情扩展 * @param {} c ... -
Extjs4 下拉树( v1.0版本有bug,已经上传一个可以用的)
2012-01-06 17:11 8313Extjs4 下拉树,v1.0版本有bug,请使用“TreeP ... -
Extjs4 动态加载(Ext.Loader)
2011-12-29 14:42 30714项目文件路径图 Ext.Loader.setConfi ... -
Extjs多文件上传(非SWFUpload版)
2011-11-08 17:21 8086Extjs多文件上传(非SWFUpload版) 不用flas ... -
Extjs4 MVC详解
2011-09-27 00:59 18400关于一个ext4MVC的例子,代码中有相关注释; 详细见附件 ... -
Extjs4.0 之Ext.Class 属性详解 (alias/mixins /requires/singleton等属性)
2011-09-02 00:12 2Ext.Class 属性详解 : 1 , a ... -
[keel] 权限管理模块(含前后台代码)
2011-06-12 20:47 10080注意:仅供参考,学习之用!支持开源! 关联文章(必看, ... -
[Extjs4.0] keel_jdbc2.0后台管理模块 (包含前后台源码)
2011-05-26 00:02 15134主要测试Ext4.0而做的! keel后台管理模块: ... -
来看看这几种查询布局,您是否还有其他想法?创意无限!
2010-12-25 01:14 3506来看看这几种查询布局,您是否还有其他想法?创意无限! ... -
Ext3.3.1颜色主题(ext3.3.1-theme)
2010-12-23 22:30 7172支持ext3.3.X css文件见附件 ... -
Extjs3.3结合fckeditor2.6.6实现可视化编辑器(java版)
2010-12-11 21:08 4638工程在附件中,后台为java。 fckeditorDe ... -
Extjs3.3 + swfUpload2.2 实现多文件上传组件
2010-12-06 00:11 35160【该上传组件已经停止 ... -
一个联动引发的思考
2010-11-16 23:45 2089之前我认为工作都是重复的做某些东西, 感觉没有激情没有新鲜感 ...
相关推荐
NULL 博文链接:https://atian25.iteye.com/blog/1019910
[09]EXTJS4.0的core包和Ext类.003.zip (60.22M)[09]EXTJS4.0的core包和Ext类.002.zip [09]EXTJS4.0的core包和Ext类.001.zip 第十讲:extjs4.0的util包 [10]EXTJS4.0的util包.001.zip (80.00M)[10]EXTJS4.0的...
ExtJs4.0入门教程.ppt
ExtJS4.0-API Ext4.0-API Ext4 ExtJS4 API 学EXTJS4的好东西...
[09]EXTJS4.0的core包和Ext类.003.zip (60.22M)[09]EXTJS4.0的core包和Ext类.002.zip [09]EXTJS4.0的core包和Ext类.001.zip 第十讲:extjs4.0的util包 [10]EXTJS4.0的util包.001.zip (80.00M)[10]EXTJS4.0的...
EXTJS4.0视频教程 30集 下载地址 另有EXTJS4.0视频教程配套代码 http://download.csdn.net/detail/sammy85/4421061
[09]EXTJS4.0的core包和Ext类.003.zip (60.22M)[09]EXTJS4.0的core包和Ext类.002.zip [09]EXTJS4.0的core包和Ext类.001.zip 第十讲:extjs4.0的util包 [10]EXTJS4.0的util包.001.zip (80.00M)[10]EXTJS4.0的...
Extjs4.0学习手册、入门教程详解学习 Extjs4.0学习手册、入门教程详解学习 Extjs4.0学习手册、入门教程详解学习
Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
Extjs4.0中文学习手册_入门详解.docx
Extjs4 学习指南 (仅供学习使用、转载需注明出处) Extjs4可用的学习资料少之又少,本文内容大部分为网络整理、 方便学习者使用,如有出入以extjs4 api文档为准。
ExtJS4.0中文版帮助文档,API帮助手册!
extjs4.0开发人员以及学习可以下载参考
NULL 博文链接:https://sonckchi.iteye.com/blog/1266437
Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing ...
代码如下: var Store = Ext.create(‘Ext.data.Store’, { pageSize: pageSize, model: ‘Ext.data.Model名称’, autoLoad: false, proxy: { type: ‘ajax’, url: ‘请求路径’, getMethod: function(){ return ...
EXTJS 类库4.0 beta,本身自带有丰富的UI用户界面,用来开发RIA富客户端的AJAX应用,无后台AJAX无直接联系,可方便用在ASP/PHP/.Net/Java/JSP等多种WEB开发语言中。