如何缩小默认的Spark DataGrid行高并将文本垂直保持在视图中

时间:2011-12-11 06:18:29

标签: flex datagrid flex4 flex-spark

在Spark DataGrid中,默认行高约为22像素。我想将默认行高设置为18像素,并且我可以使用rowHeight属性轻松完成此操作,但是当rowHeight设置为小于22像素的任何值时,每行中文本的底部区域被切断。

似乎默认网格itemrenderer或网格标签设置了最小高度。由于我有多列并希望有较短的行,但没有在每行中删除文本的底部,我该怎么做?

2 个答案:

答案 0 :(得分:1)

您必须实现自定义itemRenderer。

答案 1 :(得分:1)

最后我不得不创建网格列项呈示器。以下示例,

<s:GridColumn dataField="@name" 
              minWidth="50"
              editable="false" 
              resizable="true"
              headerText="PROPERTY">
    <s:itemRenderer>
        <fx:Component className="defaultItemRenderer">
            <s:GridItemRenderer minHeight="14">
                <s:Label id="labelDisplay"
                         verticalCenter="1" left="0" right="0" top="0" bottom="0"
                         fontSize="12"
                         paddingTop="3"
                         paddingBottom="3"
                         paddingLeft="3"
                         paddingRight="3"
                         textAlign="start"
                         verticalAlign="middle"
                         width="100%" 
                         maxDisplayedLines="1"
                         showTruncationTip="true"/>
            </s:GridItemRenderer>
        </fx:Component>
    </s:itemRenderer>
</s:GridColumn>