Ext JS：如何为rowwidget插件定义布局？

Question

我使用rowwidget来显示网格中每一行的额外数据，例如：panel，但是当我调整网格大小或网格有垂直滚动条时，小部件的大小（宽度）仍然是同样，有没有办法自动更改窗口小部件的宽度？

我的意思是像rowwidget插件的布局？

config.plugins = [{
    ptype: 'rowwidget',
    widget: {
        xtype: 'panel',
        /* I want it's width as the plugin width even when resizing the grid*/
        items: [],
        height: 50,
        style: {
            'border': 'solid 1px green'
        },
        bind: {

        }
    }
}];

Answer 1

布局可以保持不变，可以使用网格或窗口的宽度动态设置窗口小部件的相对宽度。应该有一个函数可以在onresize事件之后返回宽度和高度，例如window.innerWidth，祝您好运，通过控制台找到网格体，然后获取其宽度，

grid = Ext.getBody().component.items.items[1].items.items[1].body;
winWidth = grid.getWidth();