专栏首页路过君BLOG from CSDNEXTJS7 eventedConfig用法

EXTJS7 eventedConfig用法

  1. 使用eventedConfig的类需继承’Ext.Evented’
  2. eventedConfig自动并入到config中
// Evented.js源码
Ext.define('Ext.Evented', {
onClassExtended: function(cls, data) {
        if (config) {
            Ext.applyIf(config, eventedConfig);
        }
        else {
            cls.addConfig(eventedConfig);
        }
    }
});
  1. 通过set方法修改值的时候会触发before[configName]change和[configName]change事件
  2. 在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');

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • EXTJS7 监听AJAX异步上传文件进度

    路过君
  • EXTJS防止表单中回车触发提交

    路过君
  • maven deploy异常

    路过君
  • 阅读Ext 学习Javascript(一)Core/Ext.js

    从Library的角度去看,Ext(喜欢中文的朋友可以到它的中文站看看)和Prototype JQuery YUI没有太大区别,但它有它的优点,完整的OO支持、...

    用户1183026
  • ExtJS中xtype一览

    基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带...

    hbbliyong
  • [翻译]Ext JS 教程-类系统 原

    <h3>类系统</h3> <p>ExtJS 史上第一次进行了重整新的类系统的大重构。新的架构以ExtJS 4.X所编写的每一个类作为后盾,因此在你编写代码以前...

    LeoXu
  • Ext整体印象

    其实国内不乏有自己开发自己框架的公司,比如上海的道锐(不如Ext全面,更侧重于其业务经验)等,一直以来我们关心的重点都在服务器端(如程序结构、设计模式、数据库设...

    用户1183026
  • 对于Ext.data.Store 介紹 与总结,以及对以前代码的重构与优化

         对于Ext.data.Store 一直不是很了解,不知道他到底是干嘛的有哪些用处,在实际开发中也由于不了解也走了不少弯路, store是一个为Ext器...

    hbbliyong
  • BVS智能视频分析-智慧监狱解决方案

      随着物联网、云计算、大数据技术的快速发展,在推动经济社会发展的同时,更进一步改变了人们的生活、工作方式。在监狱管理中引入新技术已成为趋势,加快智慧型监狱的建...

    倍特威视
  • Excel实战技巧66:创建向导样式的数据输入窗体5

    到目前为止,我们已经完成了最艰难的工作。接下来,我们来编写用户窗体代码,将已完成的对象放进HRWizard用户窗体里并使这些对象工作。

    fanjy

扫码关注云+社区

领取腾讯云代金券