初学EXT

来源:互联网 发布:惠州asm先进科技 知乎 编辑:程序博客网 时间:2024/05/29 19:28
1、引入文件
2、定义一个类 给这个类继承Ext.util.Observable所有属性
方法:
Person = function(name) {
        this.name = name;//类中的属性
        this.addEvents("walk", "eat", "sleep");//初始化时所调用的3个事件
    }//定义一个类
Ext.extend(Person, Ext.util.Observable, {
        info: function(event) {
            return this.name + ' is ' + event + 'ing.';
        }
    });//给这个类继承Ext.util.Observable所有属性
3、创建监听事件
var person = new Person('Lingo');//实例化这个类
    person.on('walk', function() {
        Ext.Msg.alert('event', person.name + "在走啊走啊。");
    });给这个类的事件增加监听
    person.on('eat', function(breakfast, lunch, supper) {
        Ext.Msg.alert('event', person.name + "要吃" + breakfast + "," + lunch + "和" + 


supper + "。");
    });
    person.on('sleep', function(time) {
        Ext.Msg.alert('event', person.name + "从" + time.format("H") + "点开始睡觉啦。");
    });
4、触发事件
 Ext.get('walk').on('click', function() {
        person.fireEvent('walk');
    });


    Ext.get('eat').on('click', function() {
        person.fireEvent('eat', '早餐', '中餐', '晚餐');
    });


    Ext.get('sleep').on('click', function() {
        person.fireEvent('sleep', new Date());
    });
原创粉丝点击