`

【第一胖】EXT----ext.extend的说明.

阅读更多

Ext.extend方法是用来实现类的继承。
extend(Object subclass,Object superclass,[Object overrides] : Object
第一个@param:子类
第二个@param:父类
第三个@param:要覆盖的属性。
这里需要强调一下,子类继承下来的是父类中通过
superclass.prototype方式定义的属性(包括用此方法定义的函数)。

 

//定义父类
function father(){}//定义一个空对象   
father.prototype.s = "我是老爸";   
father.prototype.s1 = "我是家长";   
//定义子类
function son(){   
    this.c = "儿子听话";   
    this.c1 = "儿子乖";   
}

//使用EXT.extend 
Ext.extend(son,father,{s1:"老爸给钱"});   
var c = new son();   
alert(c.s); //输出结果:我是老爸   
alert(c.s1); //输出结果:老爸给钱

/*备注:prototype就是“一个给类的对象添加方法的方法”,使用prototype属性,可以给类动态地添加方法,以便在JavaScript中实现“继承”的效果。*/ 

 这里需要注意子类和父类的顺寻,子类在前,父类在后。

分享到:
评论

相关推荐

    EXT文档 不下后悔.doc

    - 类的继承在EXT中通过`Ext.extend()`实现,有两种形式,其中第二种形式允许在已有的类上扩展新的功能。 5. **类继承**: - EXT支持两种类继承方式: 1. `MyClass = Ext.extend(SuperClass, { /* */ });` 2. `...

    extjs帮助文档

    - `Ext.DomQuery.selectNode(selector, context)`:选择符合指定CSS选择器的第一个元素。 #### 九、Ext.DomHelper类(第14页) - **概述**:Ext.DomHelper类提供了一组用于创建、插入和更新DOM节点的方法。 - **...

    Ext Js权威指南(.zip.001

    第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 在javascript中使用json / 4 1.2.5 在.net中使用...

    ext入门学习.pdf

    编写第一个“Hello World”程序,可以创建一个HTML文件,引入ExtJS的库文件,并在`onReady`函数中设置一个简单的弹窗提示,如下所示: ```html <!DOCTYPE html> <title>Hello Ext3.0 ...

    Ext入门学习.docx

    #### 五、第一个 ExtJS 示例 ```html <!DOCTYPE html> <title>Hello ExtJS <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link rel="stylesheet" type="text/css" href="/path/to/...

    Ext树创建说明.rar

    创建Ext树的第一步是定义配置。这通常包括以下部分: 1. ` xtype`: 指定组件类型,对于树形视图,应设置为`tree`. 2. ` store`: 存储节点数据的Ext.data.TreeStore对象,需要包含节点数据的模型(Model)和数据源...

    extjs单元格合并

    // 清除合并的行中,非第一行的数据 cleanRenderer: function(column, value, metaData, record, rowIndex, colIndex, store) { var rowspan = column.rowspan; if (!Ext.isEmpty(rowspan) && rowspan !== 0) { ...

    Ext深入浅出 数据传输

    第12 章 一个完整的EXT 应用......................... 317 12.1 确定整体布局........................................ 317 12.2 使用HTML和CSS设置静态信息.......... 319 12.3 对学生信息进行数据建模.............

    ext动态获取Xml数据并解析信息

    如果加载完成,则输出第一个记录的`cmrFileName`字段值。 通过以上步骤,我们成功实现了使用Java后端动态生成XML数据,并通过Ext JS前端框架进行接收和解析的过程。这种机制非常适合于处理需要实时更新或频繁交互的...

    Ext+JS高级程序设计.rar

    第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 ...

    ext入门学习[归类].pdf

    编写第一个ExtJS程序,也就是“Hello World”程序,通常包括设置HTML结构,引入所需的CSS和JavaScript文件。在`Ext.onReady`函数中,你可以添加代码,在页面加载完成后执行,比如弹出一个提示框显示“Hello Ext3.0,...

    计算graphicLayers的extend

    如果是第一次处理,则直接将当前图形的范围赋值给 `extent`。 ##### 3. 应用实例 - **获取特征集的范围**: ```javascript getGraphicsExtent(featureSet.features); ``` 这一行代码表示获取一个特征集...

    ext TreeGrid分页可编辑

    Ext.grid.PageRowNumberer = Ext.extend(Ext.grid.RowNumberer, { width: 40, renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) { if (store.lastOptions.params != null) { var ...

    Ext 动态加载表单数据

    // 加载第一条记录 } } }); ``` 通过以上步骤,你可以实现动态加载Ext表单数据的功能。在实际应用中,可能还需要考虑错误处理、数据验证、动态更新等问题,但以上代码提供了一个基础的实现思路。不断学习和实践...

    精通JS脚本之ExtJS框架.part1.rar

    第1章 JavaScript入门必备 1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 JavaScript与Java 1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 ...

    ext一份有用的学习文档

    - **日期选择器Ext.DatePicker**:提供了一个弹出式的日期选择器,可以自定义显示格式、选择范围等。 ```javascript Ext.create('Ext.form.field.Date', { fieldLabel: 'Date Picker', format: 'Y-m-d' }); ``...

    Ext 2-使用Widgets

    标题中的“Ext 2”指的是Ext JS的第二个主要版本,这是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的UI组件(Widgets),包括数据绑定、布局管理、图表以及与服务器端数据交互的...

    ext面向对象和继承

    在EXTJS中,类通常通过`Ext.extend()`方法来定义,它创建了一个新的类,并继承自指定的父类。例如: ```javascript Ext.extend(ChildClass, ParentClass, { // 子类的方法和属性 }); ``` 这里的`ChildClass`是新...

Global site tag (gtag.js) - Google Analytics