extjs 为组件动态添加插件

版本

7.0 modern

API

Ext.mixin.Pluggable.addPlugin(plugin)

代码语言：javascript复制

list.addPlugin('pullrefresh')

或

代码语言：javascript复制

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

坑

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

• Ext.grid.plugin.RowDragDrop

代码语言：javascript复制

init: function(view) {
    var me = this;

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

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

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

代码语言：javascript复制

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

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

api grid plugin 插件 拖拽

0 人点赞