Question

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

DataGrid通常只包含少量项目，因此在大多数情况下，我希望DataGrid的大小为行数，并且详细信息窗格显示在表格下方，没有空格或空行。通过设置rowCount =“{tableData.length}”，我可以正常工作，其中tableData是数据提供者。到目前为止，非常好。

然而，偶尔表中包含更多项目，在这些情况下，我希望表格增长以填充可用空间，然后在有太多项目要显示时滚动，而不会滚动详细信息窗格。也就是说，行为类似于rowCount未设置为dataprovider长度，并且高度设置为100％。

我的问题是，确定何时进行此切换。将行为从基于rowCount的高度切换到基于百分比的高度的最佳方法是什么？或者我错过了一些技巧，这会使基于rowCount的高度表在空间用完时滚动？

谢谢，

水稻

Answer 1

如果您通过以下方式设置rowCount，该怎么办？

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

其中30是您想要缩放到的最大高度？

这样，如果有超过30（或一些＃）的行，它将滚动。