`
qqbwww
  • 浏览: 60190 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ExtJs在面向对象所作出的努力(1)

阅读更多

取自dojo中国ExtJS视频教程PPT

 

ExtJs在面向对象所作出的努力(1)

支持命名空间

 

命名空间Ext.namespace("Ext.dojochina");

 

定义:对于类的组织定义方式。

代码举例:

Ext.namespace("Ext.dojoChina");

Java对照:

package Ext.dojochina;

 

支持类实例属性

定义:对于一个实例的特征描述

代码举例:

Ext.apply(Ext.dojochina.Person.prototype,{name:'谁'});

Java代码对照

 

....
private name="xxx";
public void setName(String name){
  this.name = name;
}
public void getName(){
  return name;
}

 

 

支持类实例方法

定义:一个对象所具有的功能与动作

代码举例:

...

print:function(){

alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));

}

java代码对照:

 

....
public void print(){
  System.out.print("姓名:%s,性别:%s",this.name,this.sex);
}

 

支持类静态方法

定义:在一个类级别上共享的方法。

代码举例:

 

Ext.dojochina.Person = Ext.emptyFn;

Ext.dojochina.Person.print = function(_name,_sex){
  var _person = new Ext.dojochina.Person();
  _person.name = _name;
  _person.sex = _sex;
  _person.print();
}

Ext的命名空间的实现是对象和对象属性模拟出来的

 java代码实现

 

Person.print(String name,String sex){
  Person person = new Person();
  person.setName(name);
  person.setSex(sex);
  person.print();
}
  

支持构造方法

定义:在初始化一个对象的同时执行的方法

代码举例:

 

Ext.dojochina.Person = function(_cfg){
  Ext.apply(this,_cfg);
}

java代码对照
public Person(String name,String sex){
  this.name = name;
  this.sex = sex;
}
  

支持类继承

定义:对于类的一种扩展形式

代码举例

 

Ext.extend(Ext.dojochina.Student,
                   Ext.dojochina.Person,
                   {job:"学生"});
Ext.dojochina.Person 继承了Ext.dojochina.Person

 java代码举例

 

Class Student extend Person{
  public Student(String name,String sex){
       super(name,sex);
        this.setJob("学生");
   }
}

支持类实例方法重写

定义:子类在继承父类时对其已经存在的方法进行重新定义

代码举例:重写了print方法

 

Ext.extend(Ext.dojochina.Teacher,
	   Ext.dojochina.Person,
	   {print:function(){
		alert(String.format("{0}是一位{1}老师",this.name,this.sex));
	   }});
分享到:
评论

相关推荐

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

    综上所述,ExtJS作为一款强大的前端框架,在面向对象编程方面有着广泛的应用和支持。无论是组件封装、模块化还是事件驱动等方面,都体现了面向对象的核心理念。同时,ExtJS还可以很好地与其他后端技术如C#相结合,...

    ExtJs培训sample_for面向对象设计

    "ExtJS培训sample_for面向对象设计"这个主题主要聚焦于如何在ExtJS中应用面向对象的设计原则和模式。 在面向对象设计中,有四个核心概念:封装、继承、多态和抽象。这些概念同样适用于JavaScript,因为JavaScript是...

    轻松搞定Extjs 带目录

    它强调了JavaScript面向对象编程(OOP)在Extjs框架中的应用,并通过实例演示了如何使用各种组件和布局来创建复杂的用户界面。本教程通过递进式的结构,使读者从基础知识起步,逐步掌握Extjs的高级应用,最终能够...

    ext面向对象和继承

    本篇文章将探讨EXTJS框架中的面向对象机制,特别是继承的概念,以及如何在实际开发中应用这些概念。 EXTJS是一个强大的JavaScript库,它提供了丰富的UI组件和数据绑定功能,适用于构建复杂的Web应用程序。在EXTJS中...

    extJs3升级extjs4方案

    在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...

    ExtJS对原有JavaScript对象的扩展

    ExtJs2.0学习系列(1)--Ext.MessageBox

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    Extjs4.1.1

    课程简介: ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架,本...第十九讲.ExtJS之组件面向对象编程(一) 第二十讲.ExtJS之组件面向对象编程(二) 项目实战Extjs版在线选课系统:

    extjs3.3 中文文档

    2. **类系统**:EXTJS采用面向对象的方式组织代码,其类系统是基于Ext.Base构建的。了解类系统有助于理解EXTJS如何扩展JavaScript对象并实现复用。 3. **组件库**:EXTJS 3.3包含了大量的预定义组件,如Grid面板、...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    在“extjs流程界面设计器参考”中,我们主要关注的是如何利用ExtJS来开发工作流设计器。 工作流设计器是一种工具,它允许用户通过图形化界面定义、修改和执行业务流程。基于ExtJS的工作流设计器,利用了ExtJS的强大...

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

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

    extjs1资源包

    extjs1的资源包主要是adapter和resources等资源文件。

    ExtJS 3.4 源码包

    - **JS类系统**:ExtJS使用面向对象的类系统,类与类之间可以通过继承实现代码重用和扩展。 - **事件系统**:事件驱动是ExtJS的核心机制,允许组件间通信和响应用户操作。 - **Ajax通信**:Ext.Ajax模块负责异步...

    Extjs 2.2 Extjs 3.21 js

    这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解ExtJS的发展历程和选择适合项目需求的版本至关重要。 首先,我们来看ExtJS 2.2。这个版本是ExtJS早期的一个稳定版,发布于2008年...

    深入浅出Extjs4.1.1

    19、ExtJS之组件面向对象编程(一) 20、ExtJS之组件面向对象编程(一) 21、项目实战-需求分析、数据字典、数据库设计) r, `+ J( `$ l# d7 I$ h# W: U' r* a 22、项目实战-底层框架搭建、创建实体对象 23、项目实战...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    ExtJS 7.6 SDK trial

    SDK(Software Development Kit)是ExtJS 7.6的核心组成部分,它包含了开发、调试和部署ExtJS应用所需的所有资源。以下是对ExtJS 7.6 SDK的一些关键知识点的详细解释: 1. **组件库增强**:ExtJS 7.6提供了大量预先...

    extjs4.1所需包

    在描述中提到"使用ExtJS4 1所需要的支持文件夹亲测有用",这意味着这个压缩包包含的文件已经过实际测试,确保它们对于运行和开发基于ExtJS 4.1的应用程序是必要的。这可能包括了框架的核心库、示例代码、文档、主题...

Global site tag (gtag.js) - Google Analytics