EXTJS7 eventedConfig用法

路过君

发布于 2020-06-19 16:48:35

3380

发布于 2020-06-19 16:48:35

文章被收录于专栏：路过君BLOG from CSDN 路过君BLOG from CSDN路过君BLOG from CSDN

使用eventedConfig的类需继承’Ext.Evented’
eventedConfig自动并入到config中

// Evented.js源码
Ext.define('Ext.Evented', {
onClassExtended: function(cls, data) {
        if (config) {
            Ext.applyIf(config, eventedConfig);
        }
        else {
            cls.addConfig(eventedConfig);
        }
    }
});

通过set方法修改值的时候会触发before[configName]change和[configName]change事件
在before[configName]change事件函数中返回false可以阻止setter执行

Ext.define('MyApp.util.Test', {
    extend: 'Ext.Evented',

    eventedConfig: {
        foo: null
    }
});

var test = Ext.create('MyApp.util.Test', {
    listeners: {
        beforefoochange: function (instance, newValue, oldValue) {
            return newValue !== 'bar';
        },
        foochange: function (instance, newValue, oldValue) {
           console.log('foo changed to:', newValue);
        }
    }
});

test.setFoo('bar');

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-04-17 ，如有侵权请联系 cloudcommunity@tencent.com 删除

config