取自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作为一款强大的前端框架,在面向对象编程方面有着广泛的应用和支持。无论是组件封装、模块化还是事件驱动等方面,都体现了面向对象的核心理念。同时,ExtJS还可以很好地与其他后端技术如C#相结合,...
"ExtJS培训sample_for面向对象设计"这个主题主要聚焦于如何在ExtJS中应用面向对象的设计原则和模式。 在面向对象设计中,有四个核心概念:封装、继承、多态和抽象。这些概念同样适用于JavaScript,因为JavaScript是...
它强调了JavaScript面向对象编程(OOP)在Extjs框架中的应用,并通过实例演示了如何使用各种组件和布局来创建复杂的用户界面。本教程通过递进式的结构,使读者从基础知识起步,逐步掌握Extjs的高级应用,最终能够...
本篇文章将探讨EXTJS框架中的面向对象机制,特别是继承的概念,以及如何在实际开发中应用这些概念。 EXTJS是一个强大的JavaScript库,它提供了丰富的UI组件和数据绑定功能,适用于构建复杂的Web应用程序。在EXTJS中...
在 ExtJS3 中,我们可以使用 Ext.extend 来定义类,而在 ExtJS4 中,我们需要使用 Ext.define 来定义类。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend...
ExtJs2.0学习系列(1)--Ext.MessageBox
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
课程简介: ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架,本...第十九讲.ExtJS之组件面向对象编程(一) 第二十讲.ExtJS之组件面向对象编程(二) 项目实战Extjs版在线选课系统:
2. **类系统**:EXTJS采用面向对象的方式组织代码,其类系统是基于Ext.Base构建的。了解类系统有助于理解EXTJS如何扩展JavaScript对象并实现复用。 3. **组件库**:EXTJS 3.3包含了大量的预定义组件,如Grid面板、...
在“extjs流程界面设计器参考”中,我们主要关注的是如何利用ExtJS来开发工作流设计器。 工作流设计器是一种工具,它允许用户通过图形化界面定义、修改和执行业务流程。基于ExtJS的工作流设计器,利用了ExtJS的强大...
ExtJs学习资料14-OOP[JavaScript面向对象编程]
extjs1的资源包主要是adapter和resources等资源文件。
- **JS类系统**:ExtJS使用面向对象的类系统,类与类之间可以通过继承实现代码重用和扩展。 - **事件系统**:事件驱动是ExtJS的核心机制,允许组件间通信和响应用户操作。 - **Ajax通信**:Ext.Ajax模块负责异步...
这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解ExtJS的发展历程和选择适合项目需求的版本至关重要。 首先,我们来看ExtJS 2.2。这个版本是ExtJS早期的一个稳定版,发布于2008年...
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...
SDK(Software Development Kit)是ExtJS 7.6的核心组成部分,它包含了开发、调试和部署ExtJS应用所需的所有资源。以下是对ExtJS 7.6 SDK的一些关键知识点的详细解释: 1. **组件库增强**:ExtJS 7.6提供了大量预先...
在描述中提到"使用ExtJS4 1所需要的支持文件夹亲测有用",这意味着这个压缩包包含的文件已经过实际测试,确保它们对于运行和开发基于ExtJS 4.1的应用程序是必要的。这可能包括了框架的核心库、示例代码、文档、主题...