flexdatagird2

iteye_15306

于 2008-11-17 09:50:50 发布

阅读量68

点赞数

本文介绍如何使用 Flex 框架中的 DataGrid 控件进行数据展示，并详细配置其显示样式，包括设置交替行颜色、网格线颜色及可见性等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<mx:ArrayCollection id="arrColl" source="{arr}" />

<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
alternatingItemColors="[white]"
rowHeight="20"
columnWidth="20"
verticalScrollPolicy="off"
showHeaders="false"
horizontalGridLines="{hGL.selected}"
verticalGridLines="{vGL.selected}"
horizontalGridLineColor="red"
verticalGridLineColor="red"
height="340"
width="340">
<mx:columns>
<mx:DataGridColumn id="l1" dataField="l1" />
<mx:DataGridColumn id="l2" dataField="l2" />
<mx:DataGridColumn id="l3" dataField="l3" />
<mx:DataGridColumn id="l4" dataField="l4" />
<mx:DataGridColumn id="l5" dataField="l5" />
<mx:DataGridColumn id="l6" dataField="l6" />
<mx:DataGridColumn id="l7" dataField="l7" />
<mx:DataGridColumn id="l8" dataField="l8" />
<mx:DataGridColumn id="l9" dataField="l9" />
<mx:DataGridColumn id="l10" dataField="l10" />
<mx:DataGridColumn id="l11" dataField="l11" />
<mx:DataGridColumn id="l12" dataField="l12" />
<mx:DataGridColumn id="l13" dataField="l13" />
<mx:DataGridColumn id="l14" dataField="l14" />
<mx:DataGridColumn id="l15" dataField="l15" />
<mx:DataGridColumn id="l16" dataField="l16" />
<mx:DataGridColumn id="l17" dataField="l17" />
</mx:columns>
</mx:DataGrid>

<mx:CheckBox id="hGL" label="horizontalGridLines" selected="true" />
<mx:CheckBox id="vGL" label="verticalGridLines" selected="true" />

</mx:Application>