DataGrid里的DataGridColumn 格式化时间

原创于 2013-07-01 11:26:58 发布 · 423 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flex #DataGridColumn #格式化时间

flex 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Flex中的DateFormatter进行日期格式化，并应用于DataGrid中以展示带有格式化时间的数据。通过自定义函数formatStart实现时间格式转换，使DataGrid中的时间列更加清晰易读。

<mx:Script>
<![CDATA[
private function formatStart(item:Object,column:DataGridColumn):String{
return df.format(item.datetime);//

}
]]>

<mx:DateFormatter id="df" formatString="YYYY-MM-DD H:NN:SS"/>
<mx:DataGrid x="10" y="40" id="dataShow" dataProvider="{this.visitedLocation.visitedLocation.lastResult.Tables.Table.Rows}" width="499" height="331" >//dataprovider写自己的
<mx:columns>
<mx:DataGridColumn headerText="编号" dataField="uid" width="40" />
<mx:DataGridColumn headerText="地点" dataField="location" width="70" />
<mx:DataGridColumn headerText="时间" dataField="datetime" labelFunction="formatStart" />//主要是这里用labelfunction
</mx:columns>
</mx:DataGrid>