调整Flex DataGrid的大小以适应数据，然后滚动

Question

我有一个UI，它是主/细节UI设计模式。有一个DataGrid在VDividedBox的顶部部分中保存1-n条记录，然后是底部的详细信息窗格，其中显示了在DataGrid中选择的记录的详细信息，并响应该选择。

DataGrid通常只包含少量的项目，所以我希望在大多数情况下DataGrid的大小为行数，并且细节窗格显示在表格的正下方，没有空白区域或空行。我已经通过设置rowCount =“{tableData.length}”来工作了，其中tableData是数据提供者。到现在为止还挺好。

然而，偶尔表中包含的项目数量较多，在这些情况下，我想表增长，填补了可用空间，然后滚动时有太多的内容，以显示无详细信息窗格中滚动关闭。也就是说，行为与rowCount未设置为数据提供者长度并且高度设置为100％相同。

我的问题是，确定何时做这个开关。将行为从基于rowCount的高度切换到基于百分比的高度的最佳方式是什么？或者我错过了一些窍门，当空间用完时，会使基于rowCount的高度表滚动？

感谢，

水稻

Answer 1

如果你通过设置rowCount时：

rowCount="{tableData.length > 30 ? 30 : tableData.length }" 

，其中30是您要扩展到最大高度？

这样，如果有多于30个（或一些＃）的行将滚动。