如何将 AdvancedDataGrid 的大小限制为具有可变行高的行

Question

我尝试将 AdvancedDataGrid 的大小限制为其行。目前我使用variableRowHeight为true并在运行时设置itemRenderer的高度。

因此，每一行都有不同的高度。但我发现网格高度计算背后的逻辑简单明了——测量第一行的高度，然后将其乘以行数。 如果我错了，请纠正我

我对这个问题做了一些POC，发现在calculateRowHeight事件期间 ->它计算单个行的高度，但在该行的某个地方，它仅将 rowCount 与第一行的高度相乘。相反，它应该计算每一行并总结高度。

请建议一种方法来克服这个问题。

PS：我尝试了以下选项： 1. rowCount = arrayCollection.length 2. dataGrid.height = dataGrid.measureHeightOfItems(0, arrayCollection.length)+ dataGrid.headerHeight

Answer 1

您可以做的最好的事情是指定数据网格的高度以及其中每行的高度。整个可变高度的事情并不一致。

Answer 2

如果您发现问题出在这个特定方法内，也许您可​​以尝试扩展 AdvancedDataGrid 并重写calculateRowHeight 方法来执行此求和。

public class MyAdvancedDatagrid extends AdvancedDataGrid {

    override protected function calculateRowHeight(data:Object, hh:Number, skipVisible:Boolean = false):Number {
     //Your code here
    }

}

Answer 3

高级数据网格采用与 Flex 中所有列表相同的回收方法。它仅为屏幕上的视觉数据创建项目渲染器。发现不可见的每一行都没有为其创建项目渲染器，因此项目渲染器无法测量和报告网格的高度，因此您无法将可变行高设置为的网格的准确高度真实且数据超出屏幕显示范围。

如果您想准确测量网格需要多少高度，请为数据提供程序中的每一行创建一个项目渲染器，对其进行验证和测量。

Answer 4

以下代码可用于扩展 AdvancedDataGrid 的度量覆盖方法：

override protected function measure():void
{
    super.measure();
    if(this.dataProvider != null && this.dataProvider.length > 0)
    {
        this.measuredHeight = this.measureHeightOfItems(0, dataProvider.length);
    }
}

这将计算所有行的高度并相应地设置数据网格高度。