如何：自动调整 GridPanel 列宽度 +读取 Ext JS4 网格中的所有列值

Question

如何：自动调整 GridPanel 列宽 + 读取 Ext JS4 中网格中的所有列值

问题 1：我是否可以自动设置 gridpanel 列宽， 基于重新调整的列数据值长度（列宽 = 最大数据值 字符串长度）

问题2：为了实现上述目标（以及其他原因），我需要知道如何获取值 特定的网格列？一旦我知道了逻辑，就应该将其实现为列 渲染器功能？每次都会调用列渲染器函数，一个数据 记录被读取（那么它的杀伤力）？，在这种情况下，还有其他我可以重写的函数吗？

大多数解决方案（网格列宽计算器， autoResizeColumns等）我在网上找到的是以前的版本，我使用的是EXTJS 4版本。

提前致谢 斯科特

Answer 1

实际上有一个 Extjs 4 插件可以根据内容和标题的宽度自动调整网格列的大小。

这是链接：Extjs 4列自动调整大小插件

Answer 2

1. 不幸的是，没有。最好的选择是为通常固定的数据设置指定的宽度，然后使用 flex 设置其他列。 （或编写/等待插件）。

2. 值不存储在网格中，而是存储在网格的存储中。您只需要循环相关的store 并从指定列中获取所有值。例如：

   Ext.Array.each(Ext.StoreManager.get('myStore').getRange(0), 函数(记录){
       console.log(record.get("myColumnName")); 
   });
   

Answer 3

我找到了使用 CSS 包装列的临时修复，如下所述：
ExtJS 4 - 在网格面板中包裹列标题

将以下内容添加到 ext js css

.x-column-header-inner {
    line-height: normal;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    text-align: center;
    top: 20%;
}

.x-column-header-inner .x-column-header-text {
    white-space: normal;
}