How to implement plugin in ExtJs grid

Question

I want to implement a plugin in extjs grid but its not rendering.

Tried with below code but not working for me, no error on console.

Ext.define('xyz', {
extend: 'Ext.grid.Panel',
xtype: 'mytype',
requires: [
    'Store',
    'ServerFilterPlugin' // plugin
],
config: {
    filterView: 'displayfilterconfig'
},
plugins: [Ext.create('plugin.serverFilterPlugin')], //even tried with below way to implemet plugin but that is also not working
//plugins: [{
//  ptype: 'serverFilterPlugin',
//  orderIndex: 10,
//  filterView: 'displayfilterconfig'
//}],

Plugin:

Ext.define('ServerFilterPlugin', {
    extend: 'Ext.AbstractPlugin',
    alias: 'plugin.serverFilterPlugin',
    requires: [
        'DisplayToolbar',
        "StoreLoadMonitor"
    ],
    init: function (grid) {
        var me = this;

How to fix it, how to get debugger in init of plugin?

Arthur Rubens · Accepted Answer · 2020-06-30 09:32:03Z

1

In your code plugin does not produce any action to check if it works or not. Here is a code of working plugin for grid. It adds a toolbar to grid.

Ext.define('ServerFilterPlugin', {
    extend: 'Ext.AbstractPlugin',
    alias: 'plugin.serverFilterPlugin',
    requires: [
    ],
    init: function (grid) {
        console.log('orderIndex: ', this.orderIndex);
        console.log('filterView: ', this.filterView);
        console.log('Number of rows: ', grid.getStore().getCount());
        this.addCustomToolbar();
    },

    addCustomToolbar: function() {
        this.getCmp().addDocked({
            xtype: 'toolbar',
            items: [{
                text: "Left Button"
            }, '->', {
                text: "Right Button"
            }]
        })
    }
});

Fiddle

answered Jun 30, 2020 at 9:32

Arthur Rubens

4,7261 gold badge10 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Sunil Bamal Over a year ago

your code is working fine, but i am unable to get debuger at init of plugin, dont know what is missing.., not even getting any error..

Arthur Rubens Over a year ago

Which browser are you using?

Collectives™ on Stack Overflow

How to implement plugin in ExtJs grid

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related