`
keren
  • 浏览: 1579641 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs学习手记(2)-Extjs继承

阅读更多
Extjs 继承 extend的几种写法

Ext.extend方法是用来实现类的继承。
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>

//如果按下面这个方式写就会提示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(){
	}
	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>


[参考: http://wangyu.iteye.com/blog/210849]
分享到:
评论

相关推荐

    ExtJs常用布局--layout详解实例代码

    ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有:border、form、absolute、column、accordion、table、fit、card、anchor 另外,不常见的布局有:tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    extjs2----关于extjs 的使用,操作

    在标题"extjs2----关于extjs 的使用,操作"中,我们可以看出这是一份关于ExtJS 2.0版本的使用指南,主要涵盖了其基本操作和应用。描述中提到内容较为初级,适合初学者学习,这表明我们将探讨的是ExtJS的基础概念和...

    ExtJS快速入门--传智播客--蔡世友

    ExtJS快速入门--传智播客--蔡世友

    ExtJs学习资料14-OOP[JavaScript面向对象编程].doc

    ExtJs学习资料14-OOP[JavaScript面向对象编程]

    EXTJS开发包ext-3.2.0

    EXTJS开发包ext-3.2.0 EXTJS开发包ext-3.2.0

    Extjs源码之--Ext事件机制/继承关系

    在“Extjs源码之--Ext事件机制/继承关系”中,我们将深入探讨EXTJS如何处理事件以及其类层次结构。EXTJS的事件处理主要由EventManager.js这个文件负责,它是EXTJS事件系统的基础。 首先,EXTJS的事件机制基于观察者...

    ExtJs各个版本2-6API汇总.zip

    这个压缩包"ExtJs各个版本2-6API汇总.zip"包含了一系列ExtJS框架的重要版本,从2.0到6.0的API文档,以及相关的用户手册和中文文档。对于学习和开发基于ExtJS的应用程序来说,这些资源是极其宝贵的。 1. **ExtJS 2.0...

    Extjs4---combobox省市区三级联动+struts2

    在这个特定的项目“Extjs4---combobox省市区三级联动+struts2”中,我们将探讨如何利用ExtJS 4的ComboBox组件实现省市区的三级联动效果,并结合Struts2框架进行数据交互。 首先,`ComboBox`是ExtJS中的一个组件,它...

    语言程序设计资料:ExtJs学习笔记-2积分.doc

    语言程序设计资料:ExtJs学习笔记-2积分.doc

    extjs_4.1.0_community_extjs4-mvc-complex-dashboard.zip

    通过深入学习和研究这个压缩包中的示例,开发者可以掌握ExtJS 4.1.0 MVC模式的精髓,了解如何组织和构建复杂的Web应用程序。这有助于提高开发效率,同时保证代码的可维护性和可扩展性。对于想要提升ExtJS技能的前端...

    ExtJs学习资料47-完整的登录实例(不带验证码).doc

    在本篇【ExtJs学习资料47-完整的登录实例(不带验证码)】中,我们将深入探讨如何使用ExtJs框架创建一个基本的登录界面。ExtJs是一个强大的JavaScript库,用于构建富客户端应用程序,它提供了丰富的组件和布局管理功能...

    ExtJS笔记---Grid实现后台分页

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据...在阅读这篇博客时,可以参照给出的"extgrid"文件,查看具体的代码实现,以便更好地理解和学习。

    ExtJS----HelloWorld程序源码

    在"ExtJS----HelloWorld程序源码"中,我们将会看到如何使用ExtJS来创建一个简单的“你好,世界!”应用。以下是对这个示例中涉及的主要知识点的详细解释: 1. **引入ExtJS库**:首先,你需要在HTML文件中引入ExtJS...

    extJs例子-------

    ext基本的控件例子ext基本的控件例子ext基本的控件例子ext基本的控件例子

    extjs实例--------嗖嗖嗖

    2. **resources**:这个目录通常包含ExtJS应用所需的样式表(CSS)、图片和其他资源。这些文件用于定义UI的外观和感觉,例如按钮、表格、窗口等组件的样式。开发者可能会在这里找到`.css`文件,`.png`或`.gif`图像...

    Extjs应用案例--<酒店管理系统>

    Extjs应用案例: 本酒店管理系统采用三层架构,SQL Server数据库。最主要的是采用了Extjs框架。 酒店系统实现了部分功能。aspx后台页面几乎无代码。...对于学习Extjs的框架的程序员实际应用最佳案例。

Global site tag (gtag.js) - Google Analytics