ExtJS 6 plugin.rowwidget Resize row body component on grid resize

Question

I have a grid with Ext.grid.plugin.RowWidget. When grid is resized expanded row body components remains with origin width. How I can fix this issue?

As temporary solutio

Answer 1

To add to @xhadon's answer, you can also do the following using a reference. Whereby you won't need to check if the plugin exists or it's expanded, since it'll be undefined and the function will return.

View Controller

listen: {
    component: {
        '#my-grid': {
            resize: 'onResize'
        }
    }
},

onResize: function() {
    const me = this,
        rowWidget = me.getView().lookup('rowWidget');

    if (! rowWidget) {
        return
    }

    rowWidget.setWidth('100%');
}

View

plugins: {
    rowwidget: {
        widget: {
            xtype: 'myrowwidget',
            reference: 'rowWidget',
            bind: {
                store: '{record.children}'
            }
        }
    }
}