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

ExtJs之类定义

阅读更多
类的定义:
Ext.define("Calulator",{
  constructor:function(){
    return this;
  },
  plus:function(v1,v2){
    return v1+v2;
  },
  minus:function(v1, v2){
    return v1-v2;
  },
  
  multiply:function(v1, v2){
  return v1*v2;
}

});

var cal = new Calulator();
console.log(cal.plus(12,10));
console.log(cal.minus(12,10));
console.log(cal.multiply(12,10));


--------------------------------------------------
定义类的继承:
Ext.define("NewCal",{
  extend:"Calulator",
  hex:function(v1){
    return v1.toString(16);
  }
});

var newCal = new NewCal();
console.log(newCal.hex(10));
console.log(newCal.plus(10,10));



------------------------------------------
利用mixins来混合使用类:
Ext.define("HEX",{
  hex:function(v3){
    return v3.toString(16);
  }
});

Ext.define("BIN",{
  bin:function(v1){
    return v1.toString(2);
  }
});

Ext.define("OCT",{
  oct:function(v1){
    return v1.toString(8);
  }
});

Ext.define("NewCal2",{
  extend:"Calulator",
  mixins:{
    Hex:"HEX",
    Bin:"BIN",
    Oct:"OCT"
  },
  convert:function(vaule,type){
    switch(type){
      case 2:
        return this.bin(vaule);
        break;
      case 16:
        return this.hex(vaule);
        break;
      case 8:
        return this.oct(vaule);
        break;
    }
  }
});
var newCal2 = new NewCal2();
console.log(newCal2.convert(10,2));
console.log(newCal2.convert(10,8));
console.log(newCal2.convert(10,16));
分享到:
评论
2 楼 xfxlch 2015-01-15  
http://video.1kejian.com/foreign/engother/3182/
1 楼 xfxlch 2015-01-13  
http://josh-persistence.iteye.com/blog/1926808

相关推荐

    轻松搞定Extjs 带目录

    - **类的定义**: Extjs中的类继承于JavaScript原生类,通过Ext.extend来定义。这是Extjs实现面向对象编程的基础。 - **命名空间**: 命名空间在Extjs中用于组织和管理代码,避免变量和函数名的冲突。 #### 3. Extjs ...

    js语法之extjs

    以上就是关于Extjs基础语法的详细介绍,包括动态加载机制、类的封装、基本数据类型的定义与转换以及函数执行时间控制等内容。通过这些知识点的学习,可以帮助开发者更好地掌握Extjs框架的核心技术,并应用于实际项目...

    ExtJs 类的设计

    它的类系统是其核心特性之一,借鉴了面向对象编程的概念,使得在JavaScript中可以实现结构化、可复用的代码。这篇博客文章“ExtJs 类的设计”可能深入探讨了如何在ExtJs中有效地设计和使用类。 1. **类的定义** 在...

    EXTjs4.0学习文档

    事件是由类定义的,并且可以在类对象自身状态发生改变的触发。只有被定阅的事件才会有效。如果不需要此事件,应该进行退定,增强程序的执行效率。 配置选项是用以初始化一个 EXTJS 类对象的手段。注意,配置选项并...

    ajax框架之extjs2.0

    ExtJS 2.0的核心特性之一是组件化开发。它包含了一系列预定义的UI组件,如表格、面板、窗口、菜单、按钮等,这些组件可以像积木一样组合使用,构建复杂的Web界面。每个组件都有自己的属性、方法和事件,方便定制和...

    extjs4中文视频下载地址

    - **Model 定义**:Model 是 ExtJS 4.0 中用于定义数据结构的核心类之一。它定义了数据的字段及其属性,为后续的数据操作提供基础。 - **字段类型**:Model 支持多种字段类型,如字符串、数字、日期等,每种字段类型...

    ExtJS介绍以及GridPanel

    首先,ExtJS的核心特性之一是组件化。它将网页元素抽象为可复用的组件,如按钮、表格、窗口等,每个组件都有自己的属性、方法和事件,可以方便地进行组合和定制。这种组件化的思想极大地提高了代码的可维护性和复用...

    ExtJS的MVC模式

    ExtJS的MVC模式是其框架的核心特性之一,主要用于组织和管理复杂的用户界面代码,确保应用的可维护性和可扩展性。在深入讲解MVC模式之前,先了解一下ExtJS本身。ExtJS是一款基于JavaScript的开源UI库,它提供了一套...

    Extjs之--图片浏览器

    标题中的“Extjs之--图片浏览器”指的是使用Ext JS框架构建的一个用于展示和浏览图片的应用程序。Ext JS是一个流行的JavaScript库,它提供了丰富的组件和工具,用于构建交互式的Web应用程序。这个图片浏览器可能是...

    php+ExtJS 开发实战

    - **类与继承**: 在ExtJS中,可以通过定义类来创建组件,并通过继承机制来扩展现有组件的功能。 - **封装**: 封装是指隐藏对象的具体实现细节,仅暴露必要的接口给外部调用,从而增强代码的安全性和灵活性。 - **...

    ExtJS 4 button按钮

    ExtJS 4版本是该框架的一个重要里程碑,引入了大量新特性和改进,其中Button组件作为最常用的基础组件之一,其功能和灵活性得到了显著增强。 ### 核心知识点详解 #### 1. **Button配置选项** ExtJS 4中的Button...

    SpringMVC+ExtJs4.2实例

    3. 设计并实现MySQL的数据库表结构,以及与之对应的Java实体类。 4. 编写SpringMVC的Controller,处理HTTP请求,实现与数据库的交互。 5. 在ExtJs4.2的View中创建UI组件,与Controller绑定,实现动态数据展示和用户...

    免费 Extjs4.0教程视频

    - Model是Extjs中用于存储和管理数据的核心对象之一。 - 定义字段(field)、验证规则(validation)以及数据关联关系。 - 如何创建、加载和保存Model实例。 - **实战演练**: - 演示如何定义Model结构,并通过JSON...

    extjs的tree的使用

    对于Tree组件,你可以通过修改`.x-tree-node-icon`、`.x-tree-node-text`等类来调整节点图标和文本的样式。 ### 总结 ExtJS的Tree组件是一个功能强大且高度可定制的工具,用于展示分层数据。通过上述介绍,你应该...

    轻松搞定Extjs

    - **javascript类的定义**: 介绍了如何定义JavaScript类,并讨论了构造函数、继承等方面的概念。 - **Extjs命名空间的定义**: 命名空间是一种组织代码的方式,可以避免全局变量污染。 - **ExtjsOOP**: 讲解了Extjs中...

    ExtJS中文手册.pdf

    - **核心组件**:Element是ExtJS的核心组成部分之一,它是所有其他组件的基础。通过Element,开发者可以直接操作DOM元素。 - **操作DOM**:ExtJS提供了简便的方法来获取DOM节点,并且支持链式调用等高级特性,这大大...

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

    《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。本书共分17章,分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计...

Global site tag (gtag.js) - Google Analytics