带有意外附加行的DataGrid Spark

Question

我用自定义的GridItemRenderer制作了一个DataGrid。 看这里 。 我使用addItem函数在DataProvider中添加了一个GridColumn然后添加了2个项目，我指定了rowHeight，但是该列的末尾有一个意外的小行 。 而且我真的不知道为什么，如果有人有主意。。我也尝试修改RequestedRowCount属性，但是没有成功。 我还查看了调试模式，列表中只有两项。

我的数据网格：

        <s:DataGrid id="datagridGPTGauche"
                width="130"
                skinClass="fr.eram.skins.CustomDataGridSkin"
                textAlign="center"
                dataProvider="{dataProviderGridGPTGauche}"
                initialize="onInitializeDatagridGPTGauche(event)"
                editable="false"
                rowHeight="26"
                resizableColumns="false"
                selectionMode="none"
                sortableColumns="false" 
                requestedRowCount="2"
                > 

谢谢 ！

Answer 1

您尚未在DataGrid定义中指定Height，并且我认为您对DataGrid如何显示其数据感到困惑。

默认情况下，如果您使用rowHeight = 26，则DataGrid的高度将足够显示列标题行，2行数据和第3行数据的一点空间。

具有以下应用程序定义：

<?xml version="1.0" encoding="utf-8"?>
    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
           xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Declarations>
    <s:ArrayCollection id="myPeople">
        <fx:Object Name="Heidi Lister" Age="10" DOB="1967-06-27"/>
        <fx:Object Name="John Donald" Age="20" DOB="1980-04-21"/>
    </s:ArrayCollection>
</fx:Declarations>

<s:DataGrid id="datagridGPTGauche"
            textAlign="center"
            width="500"
            dataProvider="{myPeople}"
            editable="false"
            rowHeight="26"
            resizableColumns="false"
            selectionMode="none"
            sortableColumns="false"/>
</s:Application>

我们可以在IE中看到如下输出：

如果我们将DataGrid的高度增加到150，我们实际上可以看到即使没有数据存在，DataGrid也会创建“空白”行，并且如果高度不足以显示完整行，则总是创建部分行：

您的选择是：

• 根据数据行数动态设置DataGrid的高度，以排除空白/空白行。
• 使高度完全适合全行（无局部行），并保持其显示空行的事实。
• 请改用AdvancedDataGrid。