- 浏览: 1339539 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (453)
- Struts2 (4)
- Struts1 (16)
- Spring (9)
- Hibernate (5)
- AJAX (16)
- MS Server (9)
- Oracle (35)
- 测试技术 (5)
- 其他 (37)
- JSF (1)
- EJB (5)
- ASP.NET (9)
- iBATIS (5)
- Struts Spring Hibernate (2)
- HTML (12)
- Eclipse使用 (5)
- 设计模式 (5)
- JSP (32)
- 正则表达式 (2)
- 服务器 (12)
- Java基础 (48)
- MySQL (4)
- 面试 (22)
- UML (1)
- 数据结构 (3)
- Ant (2)
- 规范 (4)
- JavaScript (29)
- 软件使用及技巧 (25)
- PHP (1)
- DWR (3)
- FreeMarker (1)
- ExtJs (17)
- JFreeChart (9)
- Reports (2)
- JavaException (1)
- Java Mail (1)
- Flex (9)
- 异常 (12)
- Log4j (2)
- WebService (1)
- jQuery (1)
- Sybase (2)
- myeclipse_plugin (2)
- Linux (5)
- jbpm (2)
- SCM (1)
- mongoDB (1)
最新评论
-
lihua2008love:
<typeAlias alias="User& ...
IBATIS简单操作 -
lihua2008love:
...
关于项目框架设计的一点学习 -
c_jinglin:
我使用<OBJECT CLASSID="cls ...
这就是个静态页面通过js控制mscomm对某com设备进行访问的例子. -
zlbjava:
赞,用了还不错
java获取请求的ip地址,并解析ip所属地区 -
完美天龙:
cs842813290 写道楼主,我明白的地方:在链表已有N个 ...
JAVA实现双向链表
Ext.extend方法是用来实现类的继承。
extend(Object subclass,Object superclass,[Object overrides] : Object
第一个参数:子类
第二个参数:父类
第三个参数:要覆盖的属性。
这里需要强调一下,子类继承下来的是父类中通过superclass.prototype方式定义的属性(包括用此方法定义的函数)。
例子如下:
如果按下面这个方式写就会提示c.s没有定义(undefind):
也可以通过如下方式来实现类的继承
此时,C是子类,S是父类
extend(Object subclass,Object superclass,[Object overrides] : Object
第一个参数:子类
第二个参数:父类
第三个参数:要覆盖的属性。
这里需要强调一下,子类继承下来的是父类中通过superclass.prototype方式定义的属性(包括用此方法定义的函数)。
例子如下:
- <script type="text/javascript">
- function S(){
- }
- S.prototype.s = "s";
- S.prototype.s1 = "s1";
- function C(){
- this.c = "c";
- this.c1 = "c1";
- }
- Ext.extend(C,S,{s1:"by c overload"});
- var c = new C();
- alert(c.s); //s
- alert(c.s1); //by c overload
- </script>
<script type="text/javascript"> function S(){ } S.prototype.s = "s"; S.prototype.s1 = "s1"; function C(){ this.c = "c"; this.c1 = "c1"; } Ext.extend(C,S,{s1:"by c overload"}); var c = new C(); alert(c.s); //s alert(c.s1); //by c overload </script>
如果按下面这个方式写就会提示c.s没有定义(undefind):
- <script type="text/javascript">
- function S(){
- this.s = "s";
- this.s1 = "s1";
- }
- function C(){
- this.c = "c";
- this.c1 = "c1";
- }
- Ext.extend(C,S,{s1:"by c overload"});
- var c = new C();
- alert(c.s); //undefind
- alert(c.s1); //by c overload
- </script>
<script type="text/javascript"> function S(){ this.s = "s"; this.s1 = "s1"; } function C(){ this.c = "c"; this.c1 = "c1"; } Ext.extend(C,S,{s1:"by c overload"}); var c = new C(); alert(c.s); //undefind alert(c.s1); //by c overload </script>
也可以通过如下方式来实现类的继承
- <script type="text/javascript">
- function S(){
- }
- S.prototype.s = "s";
- S.prototype.s1 = "s1";
- C = Ext.extend(S,{s1:"by c overload"});
- var c = new C();
- alert(c.s); //s
- alert(c.s1); //by c overload
- </script>
<script type="text/javascript"> function S(){ } S.prototype.s = "s"; S.prototype.s1 = "s1"; C = Ext.extend(S,{s1:"by c overload"}); var c = new C(); alert(c.s); //s alert(c.s1); //by c overload </script>
此时,C是子类,S是父类
评论
4 楼
Sencha_Android
2012-02-18
pywepe 写道
lz 乱讲 Ext.extend明明可以继承到"实例属性"
function base(){
this.name = 'fkeede';
}
base.prototype.addr = "addr";
// 实例属性 和原型属性都可以继承到
var sub = Ext.extend(base,{age:20});
alert(new sub().name);
alert(new sub().addr);
function base(){
this.name = 'fkeede';
}
base.prototype.addr = "addr";
// 实例属性 和原型属性都可以继承到
var sub = Ext.extend(base,{age:20});
alert(new sub().name);
alert(new sub().addr);
如果在继承时在override参数中定义了constructor方法,则子类不会继承父类在构造函数中定义的属性,但是可以继承在prototype中定义的属性,在这种情况下只有在constructor中调用父类的构造函数myClass.superclass.constructor.call(this,……);才会继承父类在构造函数中定义的对象。
3 楼
pywepe
2011-10-20
lz 乱讲 Ext.extend明明可以继承到"实例属性"
function base(){
this.name = 'fkeede';
}
base.prototype.addr = "addr";
// 实例属性 和原型属性都可以继承到
var sub = Ext.extend(base,{age:20});
alert(new sub().name);
alert(new sub().addr);
function base(){
this.name = 'fkeede';
}
base.prototype.addr = "addr";
// 实例属性 和原型属性都可以继承到
var sub = Ext.extend(base,{age:20});
alert(new sub().name);
alert(new sub().addr);
2 楼
xiaofan_0204
2010-10-28
学习了,讲的挺细的!呵呵
1 楼
wustarts
2008-07-03
[/size][size=x-small][color=gray][/color]
[/align][align=center]
[/align][align=center]
[/align][align=right]
发表评论
-
EXT自定义下拉树形控件
2009-04-24 11:00 1884Ext的树形是大家都非常熟悉也是非常喜爱的东西,笔者第一次 ... -
JSON转换net.sf.json.JSONException: There is a cycle
2009-04-10 08:07 3096at net.sf.json.util.CycleD ... -
ext grid 数据库分页实现
2009-04-08 15:03 2459看了robbin 关于hibernate 分页的老帖(http ... -
AJAX 入门视频之 Ext 2.0.1 Grid 增删改 & DWR 1 实例
2008-09-14 18:06 1322http://dojochina.com/index.php? ... -
mask
2008-07-03 00:05 1579Ext.Msg.alert( String title, St ... -
EXTJS动态树的实现
2008-07-03 00:03 2995http://yahaitt.iteye.com/blog/2 ... -
透析Extjs源码之结合API写事件响应函数
2008-07-03 00:02 1812我在一个论坛看到EXT传 ... -
透析Extjs源码之layout(二)FormPanel与FormLayout的关系
2008-07-03 00:00 2157理解了layout之后,再看看FormPanel源码,发现它指 ... -
透析Extjs源码之layout(一)layout的实现
2008-07-03 00:00 31051、配置选项layout什么时候可用? 只有Ext.Conta ... -
透析Extjs的Ext.js源码(五)分析继承的实现
2008-07-02 23:59 1886ext中有关继承的实现的关键代码如下:(Ext.js中) ex ... -
透析Extjs的Ext.js源码(四)去理解Ext.js
2008-07-02 23:59 1251//先定义匿名方法,第一个括号对里的,必须要有这个括号对,之后 ... -
透析Extjs的Ext.js源码(三)扩展
2008-07-02 23:58 1200if(!Person.extend){//若extend属性还 ... -
透析Extjs的Ext.js源码(二)能在定义时就能执行的方法的写法 function(){...}
2008-07-02 23:57 1578/** * 第二部分:能在 ... -
透析Extjs的Ext.js源码(一)对象属性的添加和设置
2008-07-02 23:55 2276/** * 分析Ext.js */ ... -
用了ExtJs后,IE打开页面是空白的问题解决
2008-07-02 23:53 2799用了ExtJs后,IE打开页面是空白的问题解决: 好不容易搞 ... -
ExtJs中解决IE的min-width问题
2008-07-02 23:51 2158当使用了ExtJs后,脚本documentElement.cl ...
相关推荐
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
Most configuration options are inherited from Ext.Window (see ExtJs docs). The added ones are: url - the url where to post uploaded files. base_params - additional post params (default to {}). ...
14.1 利用Ext.extend实现继承 14.2 与ExtJS扩展相关的预备知识 14.2.1 定义命名空间 14.2.2 使用xtype 14.3 用户扩展和插件 14.3.1 编写自定义用户扩展 14.3.2 常用插件UploadDialog 14.3.3 常用插件...
14.1 利用Ext.extend实现继承 14.2 与ExtJS扩展相关的预备知识 14.2.1 定义命名空间 14.2.2 使用xtype 14.3 用户扩展和插件 14.3.1 编写自定义用户扩展 14.3.2 常用插件UploadDialog 14.3.3 常用插件...
2.5 关于ext.blank_image_url / 40 2.6 关于字体 / 42 2.7 ext js 4语法 / 42 2.8 本地化 / 60 2.9 为本书示例准备一个模板 / 60 2.10 本章小结 / 61 第3章 调试工具及技巧 / 62 3.1 使用firebug进行调试 / ...
一 首先请看图片 二 登陆界面Ext代码 代码如下: /// ”... //主应用程序 XQH.ExtJs.Frame.app = function() { } Ext.extend(XQH.ExtJs.Frame.app, Ext.util.Observable, { LoginLogo:new Ext.
MyGridView=Ext.extend(Ext.grid.GridView,{ renderHeaders : function(){ var cm = this.cm, ts = this.templates; var ct = ts.hcell,ct2=ts.mhcell; var cb = [], sb = [], p = {},mcb=[]; for(var i = 0...
1.首先看下效果图: 2.ext代码 代码如下: /// ”... Ext.extend(XQH.ExtJs.Frame.RoleManage, Ext.util.Observable, { init: function() { //表单 addForm = new
在开发过程中,遇到仅需要Extjs选择年月的控件,在国内搜索了些资源,因为Extjs5还未普遍开来加上很多UI框架的诞生,似乎关于Extjs5的资源很少。 在StackFlow搜索到了自己想要的答案,今天放在这里和大家一起分享。 ...
extend : 'Ext.Window', title : 'welcome!', initComponent : function() { this.items = [{ xtype : 'textfield', name : 'tfName', fieldLabel : 'Enter your name' }], this.callParent(arguments); } }); var ...
extend: 'Ext.window.Window', height: 400, width: 700, title: '文件上传', closeAction: 'hide', maximizable: true, layout: 'fit', uploadParams: null, initComponent: function() { var me = ...
最近涉及到的一个项目中,需要实现ComboBoxTree的效果,首先,看看效果吧…… 在Extjs中是没有这种效果的,所以得自己写,在网络上看了看别人的资料,自己再总结了一下,修改了一下,代码如下: 代码如下: Ext.ux....
NULL 博文链接:https://lggege.iteye.com/blog/602587
完整的库,包括一个可以在NodeJS上运行的适配器 不需要DOM 使用原始的Ext.require函数(工作依赖系统) 安装:npm install ... extend : "Ext.data.Model" , fields : [ 'name' ] , proxy : { type : 'memory'
在项目实践的过程中,遇到需要将grid...extend: 'Ext.data.Model', fields: ['name', 'sex'] }); 在这个数据模型中,我们需要以性别(sex)分组,那么请看下面的store JavaScript代码 var PersonStore = Ext.create('Ex
MyDesktop.Test = Ext.extend(Ext.app.Module, { id:'bb-cc',//DIV中的ID值 init : function(){ this.launcher = { text: 'abcdefg',//菜单中显示的文本 iconCls:'tabs', handler : this.createWindow, ...
} Ext.extend(person, Ext.util.Observable, { info: function(event) { return this.name + ‘is’ + event + ‘ing.’; } }); var person = new person(‘张铭诺’); person.on(‘walk’, function() { Ext.Msg....
Ext.extend(Ext.form.CKEditor, Ext.form.TextArea, { onRender : function(ct, position){ if(!this.el){ this.defaultAutoCreate = { tag: "textarea", autocomplete: "off" }; } Ext.form.TextArea....
extend: 'Ext.panel.Panel', autoScroll : true, initComponent: function () { var me = this; me.store = me.createStore(); me.grid = me.getGridPanel(); me.mainPanel = Ext.create('Ext.p
左侧的功能树 代码如下: Ext.define(“AM.view.SystemTree”, { extend : ‘Ext.tree.Panel’, alias : ‘widget.systemTree’, rootVisible : false,// 不展示ROOT displayField : ‘text’, // title:’物流运输...