显示时调整 DataGrid 大小

Question

我正在尝试编写我的 Flex 应用程序，以便它在启动时恢复用户的设置。该应用程序有 3 个数据网格（任何时候只有一个在屏幕上可见），如果用户执行任何大小调整事件，我只需保存网格的状态。

保存状态工作正常，恢复时出现问题。似乎只有可见的数据网格才能正确恢复。在所有其他网格上，宽度都是错误的，并且与我恢复的设置不匹配。

问题在于，当应用程序启动时，数据网格的大小不正确。每个数据网格占据全屏，但最初它们只被赋予非常小的尺寸（即200宽度）

是否有某种方法可以强制数据网格在创建时正确调整大小？或者是否有可能知道数据网格何时“最大化”，我不想连接到调整大小事件 - 如果可能的话 - 因为我会经常得到这个事件，并且我只想恢复设置一次。

这是我用来恢复列宽的代码：

var grid:DataGrid = ...;

... for each column ...
... parse width into width (ie. width is now "320")
// If it's in the config, it's visible
col.visible = true;
col.width = width;

... After loop ...
grid.invalidateSize();
grid.invalidateDisplayList();

---

编辑：

这是你们请求的信息：

• 设置保存到数据库中（flex 项目连接到 JBoss）。我只是保存一个 CSV 类型的内容以及列的名称和宽度。我知道这是可行的，因为应用程序启动时可见的一个数据网格的大小正确。

• 是的，网格使用相对大小（即 100%）——我无法真正改变它，因为我希望网格占据其容器中的所有可用空间——并且我希望用户能够调整浏览器大小，但仍然看起来正确。

• 每个网格都包含在自己的 Hbox 中

• 数据网格是在应用程序启动时创建的 - 但您只能看到其中一个。它们位于选项卡导航器类型的东西中，但它的创建策略设置为“全部”，以便它们可以填充数据（填充需要一些时间，通常用户会在前面的网格上坐一会儿。）

• 我无法将调整大小的内容放入creationComplete 处理程序中，因为我最终遇到了同样的问题。网格的大小在创建后大约是 50（应该是 1000，页面宽度的 100%）——然后我去设置列的大小（显然 > 50）并且调整大小没有任何作用

Answer 1

一些想法：

• 在 CreationComplete() 期间调整大小：您的数据网格何时创建？当数据网格的 creationComplete() 事件触发时，您可以声明像 resizeDataGrid() 这样的方法吗？如果您在 TabNavigator 中使用数据网格，则默认创建策略是延迟组件创建，直到用户使用该组件（例如，使选项卡处于活动状态）。
• 固定大小：您的数据网格使用固定大小还是相对大小？ Flex 中数据网格或数据网格列的相对大小（例如 width='50%'）存在问题，最好的解决方法是设置数据网格和数据网格列的像素宽度
• 存储用户首选项 ：您如何存储您的用户偏好？使用 SharedObject 来存储数据网格宽度可能是最好的选择。
• Spark 容器：数据网格是如何包含的？例如，它们是否都位于 VGroup 中，或者根本不包含在 VGroup 中？我发现使用 Spark 布局工具（如 VGroup）来包含数据网格可以改善数据网格布局问题。

Answer 2

我们所做的是在初始化时保存列宽度，然后在网格重新渲染时重置宽度，这将在第一次绘制网格和随后调整大小时发生。
唯一的问题是它需要调整列的大小，但不允许用户调整大小

// saves column width - this is intended to save width percent which
// will only be available on initialization, after that I beleive widths
// will be fixed size
private function saveOffColumnWidths(columns:ArrayCollection):void
{
    for each(var column:TDMSEDataGridColumn in columns)
    {
    originalColWidths.push(column.width);       
    }
}

// resets the column widths - the saved widths are assumed to be width percentages
private function resetColumnWidths():void
{
    dataGrid.columns[0].width=20; // set the check col seperately
    for (var pos:int=0; pos<dataGrid.columnCount-1;pos++ )
    {
    dataGrid.columns[pos+1].width = (dataGrid.width - 20) * originalColWidths[pos];
    }
} 

protected function dataGrid_renderHandler(event:Event):void
{
    resetColumnWidths();
}