解决extjs grid 不随窗口大小自适应的改变问题

针对Ext JS Grid不随窗口大小自适应的问题，你可以通过监听窗口的`resize`事件，并在这个事件处理函数中调用Grid的`doLayout`方法或者重新配置Grid的列宽来实现自适应。不过，更常见的做法是利用Ext JS的布局系统来自动处理这类问题。

这里提供一个基本的示例，假设你的Grid位于一个`fit`或`card`等自适应布局的容器中。确保你的Grid所在的容器布局能够响应窗口大小的改变。

如果你的Grid不是在这样的容器中，你可以尝试监听窗口的`resize`事件，并调用Grid的`doLayout`方法来尝试强制更新布局：

// 假设你的Grid组件变量名为myGrid
// 监听窗口的resize事件
Ext.onReady(function() {
    window.onresize = function() {
        // 当窗口大小改变时，调用Grid的doLayout方法来尝试重新布局
        if (myGrid) {
            myGrid.doLayout();
            // 如果只是列宽问题，你可能还需要调整列宽，但这通常依赖于你的具体需求
        }
    };

    // 确保你的Grid已经定义并可用
    // 例如：
    // var myGrid = Ext.create('Ext.grid.Panel', {
    //     // Grid配置...
    //     renderTo: Ext.getBody()
    // });
});

但请注意，直接监听`window.onresize`可能不是Ext JS推荐的做法，因为它绕过了Ext JS的事件系统。更好的做法是使用Ext JS的`Ext.EventManager`或直接在组件上设置`listeners`来监听`resize`事件（尽管窗口组件通常不直接触发`resize`事件，而是容器或布局）。不过，对于整个浏览器窗口的resize，上述方法通常足够用。

此外，确保你的Grid所在的布局容器（如`Ext.container.Viewport`、`Ext.panel.Panel`等）配置为能够响应窗口大小变化。例如，使用`fit`布局或`border`布局，并确保容器的大小是自适应的。

如果问题依旧存在，请检查你的Grid和容器配置，确保没有设置固定的大小或宽度，这可能会阻止Grid随容器大小变化而调整。