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

ExtJs 继承 extend

 
阅读更多

Ext.extend 对原生的prototype可以实现继承;

 

    var Base = function(){
    	this.dosomething = function(){
    		Ext.Msg.alert('info','doSomeThing');
    	}
    };
    
    Base.prototype.clear=function(){
    	Ext.Msg.alert('clear','Clear');
    }
    
    var child = function(){
    
    }
    
    Ext.extend(child,Base);
    
    
    var bodybar = new Ext.Toolbar({
    	items:[{text:'Login'},new Ext.Toolbar.Separator,{text:'Exit'},new Ext.Toolbar.Spacer,{text:'Quit',handler:function(){
    		Ext.getCmp('panel_id').setTitle('GetCMP');
    		var test = new child();
    		test.clear();                   //继承base.clear()
    		//test.clearsomething(); //不可以继承clearsomething
    	}}]
    });
分享到:
评论

相关推荐

    ExtJS的extend(Ext Designer的使用)

    ExtJS的`extend`特性是其核心的面向对象机制之一,它允许我们在JavaScript中创建类的继承链。在Ext Designer的环境下,这个概念尤为重要,因为设计师工具提供了可视化的界面来帮助开发者更直观地构建和扩展组件。这...

    无废话ExtJs 系列教程十八[继承:Extend]

    在"无废话ExtJS系列教程十八[继承:Extend]"中,我们主要关注的是ExtJS中的类继承机制,这是一个核心特性,它允许开发者创建可复用和可扩展的组件结构。在JavaScript中,继承是通过原型链实现的,而在ExtJS中,它被...

    Extjs中使用extend(js继承) 的代码

    在Ext JS框架中,Ext.extend是用来实现JavaScript继承的一种方法。Ext JS是一个用于开发富交互式的Web应用程序的框架,它封装了复杂的DOM操作,提供了一套丰富的UI组件。在使用Ext JS开发时,使用Ext.extend可以创建...

    Extjs 继承Ext.data.Store不起作用原因分析及解决

    关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....

    Extjs Grid 扩展实例

    在ExtJS中,我们可以通过`Ext.extend()`或使用`Ext.define()`方法创建一个新的类,该类继承自现有类并可以添加新的属性和方法。对于ExtJS Grid,我们可能要扩展其基础配置,比如自定义列、行渲染器、编辑器,甚至是...

    EXtJS学习 EXtJS学习

    EXTJS 学习:深入理解 `Ext.extend` 及其在继承中的陷阱 EXTJS 是一个强大的 JavaScript 框架,用于构建富客户端应用程序。它提供了丰富的组件库和强大的数据绑定机制。在 EXTJS 中,`Ext.extend` 是核心的继承机制...

    ExtJS对几种面向对象体现.txt

    4. **继承与多态**:在ExtJS中,通过继承机制可以轻松地扩展已有的组件功能。例如,可以继承自现有的`Ext.grid.Panel`类来创建一个具有特殊功能的网格面板。同时,多态性使得不同类型的对象可以响应相同的事件,提高...

    Extjs 性能优化 High Performance ExtJs

    本文旨在针对具有一定 JavaScript 基础(理解面向对象、继承、作用域等概念)并且熟悉 Extjs 框架(了解组件间继承关系)的开发者,提供一些关于如何对 Extjs 的前台架构进行性能优化的方法。 #### 二、缓存 缓存...

    extJS 一些简单实例

    例如,你可以定义一个自定义组件,继承自`Ext.Component`,并重写或扩展其方法和配置项来满足特定需求。 工具集是ExtJS的另一个亮点。它包含了用于数据处理、Ajax通信、表单处理、布局管理等一系列工具。例如,`Ext...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

    js语法之extjs

    extend: "My.test.Animal", // 实例方法 Say: function () { alert("你好,我是:" + this.name + ", 我今年" + this.age + "岁, 我的身高是:" + this.height + "。我的爸爸是:" + this.father.name + ",他...

    jquery 插件开发 extjs中的extend用法小结

    标题所涵盖的知识点为:jquery 插件开发及 extjs 中的 extend 用法总结。在这个标题下,我们将详细解释在 jQuery 插件开发中 extend 方法的使用,以及 Ext JS 框架中 extend 方法的特点和区别。这个知识点对于前端...

    Extjs核心api详解

    - **`extend`**:使一个类继承另一个类的功能。可以通过`overrides`参数覆盖父类的方法。 - 示例: ```javascript Ext.extend(MyClass, ParentClass, { myMethod: function() { // 覆盖ParentClass中的myMethod...

    Extjs4 整合百度编辑器

    这通常涉及使用`Ext.extend()`来继承ExtJS的基础组件,并在`initComponent()`方法中设置编辑器的配置。 - **加载编辑器脚本**:在页面中引入百度编辑器的脚本,例如`ueditor.all.min.js`。这通常在`onRender`或`...

    ExtJS4中使用mixins实现多继承示例

    本示例将详细介绍如何在ExtJS4中利用mixins来实现多继承。 首先,我们需要了解`Ext.define`是ExtJS中用于定义类的函数。它允许我们创建新的类并指定它们的属性、方法以及它们与其他类的关系。在我们的例子中,我们...

    ExtJS5树形菜单

    在本篇文章中,我们将深入探讨ExtJS5树形菜单的使用方法、配置选项以及如何通过继承来优化代码复用。 1. **树形菜单的基本结构** 树形菜单由`Ext.tree.Panel`类创建,它是一个包含树节点的面板。每个节点都是一个`...

    extjs中dateField日期精确到时分秒的扩展控件

    在EXTJS中,我们可以使用`Ext.extend`方法或者`Ext.define`方法来创建一个新类。这个新类应该包含我们对日期时间选择的定制逻辑,如增加小时、分钟和秒的选择器。 2. **配置项和样式**: 我们需要添加一些新的配置...

Global site tag (gtag.js) - Google Analytics