前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >EXTJS7 自定义配置延迟初始化

EXTJS7 自定义配置延迟初始化

作者头像
路过君
发布2020-06-19 16:49:13
4320
发布2020-06-19 16:49:13
举报

config段中的自定义配置默认会在initConfig中被初始化,一般会在构造函数中调用initConfig。 使用lazy属性可以避免配置在initConfig时被初始化,延迟到被调用时初始化。(延迟触发apply、update)

样例
代码语言:javascript
复制
config: {
	configProp: 'prop',
	configPropLazy: {
		lazy: true,
		$value: 'configPropLazy'
	}
}
源码分析
初始化

Base.js

代码语言:javascript
复制
initConfig: function(instanceConfig) {
    var me = this,
        cfg = me.self.getConfigurator();

    me.initConfig = Ext.emptyFn; // ignore subsequent calls to initConfig
    me.initialConfig = instanceConfig || {};
    cfg.configure(me, instanceConfig);

    return me;
},

Configurator.js

代码语言:javascript
复制
configure: function(instance, instanceConfig) {
	...
	if (cfg && !cfg.lazy) {
	    --remaining;
	    // A proper "config" property so call the setter to set the value.
	    names = cfg.names;
	    getter = names.get;
	
	    // At this point the initGetter may have already been called and
	    // cleared if the getter was called from the applier or updater of a
	    // previously processed instance config. checking if the instance has
	    // its own getter ensures the setter does not get called twice.
	    if (instance.hasOwnProperty(getter)) {
	        instance[names.set](values[name]);
	
	        // The generated setter will remove the initGetter from the instance
	        // but the user may have provided their own setter so we have to do
	        // this here as well:
	        delete instance[names.get];
	    }
	}
	...
}
延迟初始化

Config.js

代码语言:javascript
复制
makeInitGetter: function() {
    var name = this.name,
        names = this.names,
        setName = names.set,
        getName = names.get,
        initializingName = names.initializing;

    return function() {
        var me = this;

        me[initializingName] = true;
        // Remove the initGetter from the instance now that the value has been set.
        delete me[getName];

        me[setName](me.config[name]);
        delete me[initializingName];

        return me[getName].apply(me, arguments);
    };
},
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-04-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 样例
  • 源码分析
    • 初始化
      • 延迟初始化
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档