美文网首页
Ext.js Class类

Ext.js Class类

作者: Sune小叶子 | 来源:发表于2018-08-03 17:56 被阅读0次
  • Ext是一个单例对象,对象下面有方法和类
  • 方法
  1. application 还没看懂
  1. define 用来定义或重写一个类
    Ext.define( name , data , callback)
    name:我们要定义的类名
    data:被定义的类的属性配置{}
    callback:在该类被定义完成以后调用
//定义一个类 'Car'
Ext.define('Car', {     
    name: null,  
    constructor: function(name) {       
        if (name) {         
            this.name = name;       
        }  
    },  
    start: function() {       
        alert('Car started');  
    }  
})
我们可以使用 extend来创建一个类并继承父类的属性和方法 override来重写组件,但是override只能修改被重写的父类
  1. create 对象 用来创建一个类的实例
    Ext.create( name , options)
    Ext.create( 'car' , {
        name : 'is create class '
    })
  1. widget 部件 当定义一个类时,可以使用widget来增加一个别名
    比如:我们可以通过类的别名来创建一个类 Ext.widget方法就是通过类的xtype快速创建部件的
    //都是创建一个panel面板

    Ext.wedgit('panel' , {
        renderTo : Ext.getBody() 
    })

    {
        xtype : 'panel'
    }
  1. listeners 当创建一个对象以后,我们可以为这个对象添加一个监听器 来监听对象的事件
Ext.create('Ext.Button', {     
    renderTo: Ext.getBody(),     
    listeners: {       
        click: function() {  
            Ext.Msg.alert('Button clicked!');  
        }  
    }  
}) ; 

相关文章

网友评论

      本文标题:Ext.js Class类

      本文链接:https://www.haomeiwen.com/subject/xkruvftx.html