extjs 为组件动态添加插件

时间:2022-07-24
本文章向大家介绍extjs 为组件动态添加插件，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

版本

7.0 modern

API

Ext.mixin.Pluggable.addPlugin(plugin)

list.addPlugin('pullrefresh')

或

list.addPlugin({
	type: 'pullrefresh',
	pullRefreshText: 'Pull to refresh...'
})

坑

某些插件使用此方法添加会无法生效，例如： grid的拖拽插件Ext.grid.plugin.RowDragDrop,Ext.grid.plug.TreeDragDrop 源码分析：

  • Ext.grid.plugin.RowDragDrop
init: function(view) {
    var me = this;

    if (view.isLockedGrid) {
        me.addDragIndicator(view);
    }

    view.on('initialize', me.onViewInitialize, me);
},

此类插件监听插件宿主(grid)的初始化事件，并触发真正的插件初始化逻辑，因此在初始化完成的组件上动态添加此插件无法完成初始化。 解决方案：

grid.addPlugin('rowdragdrop').onViewInitialize(grid)

添加插件后调用初始化函数即可

随机文章
Javascript知识点必读
最近更新