flex中dataGrid行的可变高度

时间:2011-10-28 03:34:18

标签: actionscript-3 flex actionscript flex4.5

大家好我正在创建一个textarea的弹出窗口,虽然我将我的笔记存储在数据网格中。数据网格代码如下所示。

现在,当我添加笔记IT适合其中一行时。现在所有行都具有相同的大小。我想使大小变量,以便文本适合每一行。对于大文本注释,行的高度应该更大,以便不需要滚动。类似地,当数据很小时,高度应该很小

<mx:AdvancedDataGrid x="0" y="231" width="872" height="273" fontSize="12" id="dgRecentNotes" horizontalGridLineColor="#01030B" dataProvider="{patientProfile.notes}" horizontalGridLines="true"   variableRowHeight="true">
                        <mx:columns>
                            <mx:AdvancedDataGridColumn headerText="Recent Notes" dataField="noteText" sortCompareFunction="date_sortCompareFunc" resizable="true">
                                    <mx:itemRenderer>
                                        <fx:Component>
                                            <mx:HBox>
                                                <mx:Text width="100%"  height="100%" text="{(data.createdOn.getMonth()+1)+'/'+data.createdOn.getDate()+'/'+data.createdOn.getFullYear()+' ('+((data.createdOn.getHours()+1) >9 ? (data.createdOn.getHours()+1) : '0' + (data.createdOn.getHours()+1) )+' : ' + ((data.createdOn.getMinutes()+1) >9 ? (data.createdOn.getMinutes()+1) : '0' + (data.createdOn.getMinutes()+1) ) +')' +'\n'+data.noteText}"/>
                                            </mx:HBox>
                                        </fx:Component>
                                    </mx:itemRenderer>
                            </mx:AdvancedDataGridColumn>
                        </mx:columns>
                    </mx:AdvancedDataGrid>

1 个答案:

答案 0 :(得分:4)

为您的数据网格设置属性variableRowHeight="true",并为您的数据网格列设置属性wordWrap="true"Refer this blogpost