Flex中对表格中某列的值进行数字格式化保留两位小数

 更新时间:2014年10月21日 17:01:53   投稿:whsnow  
表格中展示的比率,对比率的处理是:保留两位小数,并向上保留。通过对某列的值进行数字格式化来实现保留两位小数
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

1、问题背景

一般的,表格中展示的比率,对比率的处理是:保留两位小数,并向上保留

2、实现实例

<?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" 
xmlns:mx="library://ns.adobe.com/flex/mx" 
width="100%" height="100%" fontSize="12" 
fontFamily="微软雅黑"> 
<s:layout> 
<s:BasicLayout/> 
</s:layout> 
<fx:Script> 
<![CDATA[ 
import mx.collections.ArrayCollection; 
import mx.events.FlexEvent; 

[Bindable] 
//表格数据绑定 
private var gridArray:ArrayCollection = new ArrayCollection([ 
{week:"星期一",apple:"3676",rate:"0.7868"}, 
{week:"星期二",apple:"4534",rate:"0.65454"}, 
{week:"星期三",apple:"6758",rate:"0.876454"}, 
{week:"星期四",apple:"9808",rate:"0.34224"}, 
{week:"星期五",apple:"6567",rate:"0.9876523"}, 
{week:"星期六",apple:"9000",rate:"0.566777"}, 
{week:"星期日",apple:"4533",rate:"0.988787"} 
]); 

/** 
* 对表格中的比率进行格式化 
*/ 
private function formatDataGrid(item:Object,column:DataGridColumn):String 
{ 
var temp:Number = item.rate; 
var data:String = dataFormatter.format(temp); 
return data; 
} 

]]> 
</fx:Script> 
<fx:Declarations> 
<!--格式化数字--> 
<mx:NumberFormatter id="dataFormatter" precision="2" rounding="up"/> 
</fx:Declarations> 

<mx:VBox width="100%" height="100%" paddingBottom="10" paddingLeft="10" paddingRight="20" 
paddingTop="10" horizontalAlign="center"> 
<mx:DataGrid id="dataGrid" width="100%" height="90%" dataProvider="{gridArray}" textAlign="center"> 
<mx:columns> 
<mx:DataGridColumn headerText="星期" dataField="week"/> 
<mx:DataGridColumn headerText="苹果" dataField="apple"/> 
<mx:DataGridColumn headerText="比率" dataField="rate" labelFunction="formatDataGrid"/> 
</mx:columns> 
</mx:DataGrid> 

</mx:VBox> 
</s:Application>

3、实现结果

相关文章

  • flex4 panel去掉标题设置透明度效果代码

    flex4 panel去掉标题设置透明度效果代码

    首先:去掉Panel的标题,其次:设置透明度这个说了也是啰嗦,大家都会,不过还是提一下吧,具体请祥看本文
    2013-05-05
  • Flex实现双轴组合图的设计思路及代码

    Flex实现双轴组合图的设计思路及代码

    组合图是有柱状图和折线图组合的,柱状图显示的数据是依据左边的竖直轴,折线图的数据依据右边的竖直轴,详细实现请看本文,希望对大家有所帮助
    2013-09-09
  • datagrid不可编辑行有关问题的控制方法

    datagrid不可编辑行有关问题的控制方法

    datagrid不可编辑行一个更简单的办法,editable=“true”,然后直接把itemEditBegin给停掉阻止createItemEditor的调用
    2014-01-01
  • flex小技巧之加载GIF图片

    flex小技巧之加载GIF图片

    这篇文章主要是flex使用GIFPlayer加载GIF图片的代码示例,需要的朋友可以参考下
    2014-06-06
  • Flex中给按钮添加链接点击链接打开网页的方法

    Flex中给按钮添加链接点击链接打开网页的方法

    我们需要这样的一个效果:点击链接打开一个网页。下面为大家介绍下Flex中如何给一个按钮添加链接实现点击打开网页,感兴趣的朋友可以参考下
    2013-12-12
  • Flex正则表达式判断中文或全角字符代码

    Flex正则表达式判断中文或全角字符代码

    文本框值的length取出的是字符个数,并不是字节长度,如果含有中文或者全角字符,一个字符是2个字节,下面与大家分享下具体的判断方法,感兴趣的朋友可以参考下哈
    2013-07-07
  • Flex字体加粗问题只能对英文的字体加粗

    Flex字体加粗问题只能对英文的字体加粗

    在flex中对label进行字体加粗的时候,只能对英文的字体加粗,而中文的就不可以加粗,解决方法如下,希望对大家有所帮助
    2014-01-01
  • flex弹性布局详解

    flex弹性布局详解

    flex?就是flexible?box的缩写,意为弹性布局,用来为盒装模型提供最大的灵活性,今天通过本文给大家详细介绍下flex弹性布局的相关知识,感兴趣的朋友一起看看吧
    2022-03-03
  • flex不显示GIF图片问题的另类解决方法

    flex不显示GIF图片问题的另类解决方法

    flex不显示GIF图片问题确实令人很头痛,不过我们可以用一些手段让其乖乖显示出来,具体的实现如下,需要的朋友可以参考下
    2013-11-11
  • 手把手教你使用flex eclipse整合spring

    手把手教你使用flex eclipse整合spring

    Flex 是一个高效、免费的开源框架,可用于构建具有表现力的 Web应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR, 可以实现跨浏览器、桌面和操作系统。我们今天就来好好研究下他
    2014-06-06

最新评论

?


http://www.vxiaotou.com