官方教程--查看文章
 
EXT的继承Manual
发布时间:2008-3-6
  • 上一篇文章:
  • 下一篇文章:

  • 原文地址: http://extjs.com/learn/Manual:Intro:Inheritance_%28Chinese%29

    Ext提供了这样的一个实用函数 Ext.extend (API 参考) 在EXT框架中实现类继承的机制。这赋予了你扩展任何JavaScript基类的能力,而无须对类自身进行代码的修改(这里通常指的是子类,或是从它继承的,一个基类)扩展Ext组件这是个较理想的方法。

    要从一个现有的类创建出一个新类,首先要通过一个函数声明新类的构造器,然后调用新类属性所共享的扩展方法。这些共享的属性通常是方法,但是如果要在实例之间共享数据(例如,Java中的静态类变量),应该也一同声明。

    JavsScript并没有提供一个自动的调用父类构造器的机制,所以你必须通过属性superclass在你的构造器中显式调用父类。第一个参数总是this,以保证构造器工作在调用函数的作用域。

    MyNewClass = function(arg1, arg2, etc) {
    // 显式调用父类的构造函数
    MyNewClass.superclass.constructor.call(this, arg1, arg2, etc);
    };
     
    Ext.extend(MyNewClass, SomeBaseClass, {
    theDocument: Ext.get(document),
    myNewFn1: function() {
    // etc.
    },
    myNewFn2: function() {
    // etc.
    }
    });

    下面的一个例子是Ext的实际案例,用于可缩放,拖动元素,X、Y的坐标值指定了对象可在垂直、水平方向拖动的距离。

    // 创建新类的构造函数
    Ext.ResizableConstrained = function(el, config){
    Ext.ResizableConstrained.superclass.constructor.call(this, el, config);
    };
     
    // 扩展基类
    Ext.extend(Ext.ResizableConstrained, Ext.Resizable, {
    setXConstraint : function(left, right){
    // 得到父类的属性dd和setXConstraint的引用
    this.dd.setXConstraint(left, right);
    },
     
    setYConstraint : function(up, down){
    // 得到父类的属性dd和setYConstraint的引用
    this.dd.setYConstraint(up, down);
    }
    });
     
    // 创建新类的实例
    var myResizable = new Ext.ResizableConstrained('resize-el', {
    width: 200,
    height: 75,
    minWidth:100,
    minHeight:50,
    maxHeight:150,
    draggable:true
    });
     
    //调用新方法
    myResizable.setYConstraint(0,300);
    myResizable.setXConstraint(0,300);

    按照直白语言,你可以把上面的代码理解成为:”Ext.ResizableConstrained 扩展了Ext.Resizable并实现了这些方法"。



     [官方教程]EXT 学习原始资料 (佚名,03-06)
    入门导向 Ext的新手用户可以通过下列不同的途径获取学习资源:API文档、维基百科全书、日益丰富的教程、论坛、IRC频道等等(参阅Learn ),关于这些各个方面在EXT官网上都有。但最重要的可用资源,可以说是Ext源代码本身。可以这样方便地学习源代码(Ext的项目毕竟是开源的),……

     [官方教程]ExtJs:表单组件初学(二) (未知,01-10)
    个教程使用了在表单入门教程中使用过的 雇员信息编辑表单。如果你仍然不熟悉如何创建一个表单,你可以首先看一下这个例子。我建议下载用于这个例子的一段程序,这样可能对你有一些帮助。你也可以找一个有效的例子。 我们将经历使用表单的整个过程,从最初的从服务器获取数据填入表单,到将数据返回给服务器。在后端我使用……

     [官方教程]布局的初级入门 (佚名,03-06)
    事前准备 本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径,更改示例文件中script标签的src的属性。 需要些什么? 除ExtJS库本身外,我们还需要两个文件: applayout.htmlapplayo……

     [官方教程]Ext2.2:ext最新版2.2发布 (未知,09-06)
    在ext官方网上下载 www.extjs.comEXT下载:http://extjs.com/products/extjs/download.php完整信息:http://extjs.com/blog/2008/08/04/ext-22-released/下载信息:文件名称:  ……

     [官方教程]Ext2 Overview(EXT2.0概述) (佚名,03-06)
    有关重大改变的几个要点文章内容是对2.0新变化的综合简述。请留意Ext框架在从1.x跨越到2.0的过程中,经历了无数的细微改进、臭虫修正和其他的改动。 要逐一列出尚难为之,所以本文着重提及架构上有转换的主要地方,和一些全新加入的功能。本文下列的各部分将完整解释这每一项的细节。组件模型 Compone……

     


    ©2008 MyExt.cn
    本站文章来自互联网,仅供学习和研究使用,如有版权问题,请发送Email:myext@126.com.