欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Flex中對(duì)表格某列的值進(jìn)行數(shù)字格式化并求百分比添加%

 更新時(shí)間:2014年10月21日 17:06:25   投稿:whsnow  
需要對(duì)表格中某列的數(shù)值進(jìn)行格式化,對(duì)該數(shù)值乘以100,并保留兩位小數(shù),添加“%”下面同實(shí)例來實(shí)現(xiàn)下

1、問題背景

一般的,需要對(duì)表格中某列的數(shù)值進(jìn)行格式化,對(duì)該數(shù)值乘以100,并保留兩位小數(shù),添加“%”

2、實(shí)現(xiàn)實(shí)例

<?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] 
//表格數(shù)據(jù)綁定 
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"} 
]); 

/** 
* 對(duì)表格中的比率進(jìn)行格式化 
*/ 
private function formatDataGrid(item:Object,column:DataGridColumn):String 
{ 
var tempData:Number = item.rate*100; 
var data:String = dataFormatter.format(tempData); 
return data+"%"; 
} 

]]> 
</fx:Script> 
<fx:Declarations> 
<!--格式化數(shù)字--> 
<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>

(1)將小數(shù)乘以100

var tempData:Number = item.rate*100;

(2)對(duì)數(shù)值格式化,保留兩位小數(shù)

var data:String = dataFormatter.format(tempData);

(3)添加百分號(hào)

return data+"%";

3、實(shí)現(xiàn)結(jié)果

相關(guān)文章

  • Flex中Array的IndexOf 的作用示例介紹

    Flex中Array的IndexOf 的作用示例介紹

    Flex中 Array 的IndexOf用于在索引中從小到大查找,如果查得到就返回索引值,查不到就返回-1,下面有個(gè)示例,大家可以參考下
    2014-07-07
  • flex tree自動(dòng)顯示橫向滾動(dòng)條實(shí)現(xiàn)代碼

    flex tree自動(dòng)顯示橫向滾動(dòng)條實(shí)現(xiàn)代碼

    flex tree自動(dòng)顯示橫向滾動(dòng)條想必有很多的朋友都不會(huì)吧,下面與大家分享下具體的實(shí)現(xiàn)方法,感興趣的你可不要錯(cuò)過了哈
    2013-05-05
  • Flex Label自動(dòng)截取、自動(dòng)換行代碼

    Flex Label自動(dòng)截取、自動(dòng)換行代碼

    Flex Label經(jīng)常會(huì)使用到它的自動(dòng)截取、自動(dòng)換行代碼如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助
    2013-07-07
  • Flex字體加粗問題只能對(duì)英文的字體加粗

    Flex字體加粗問題只能對(duì)英文的字體加粗

    在flex中對(duì)label進(jìn)行字體加粗的時(shí)候,只能對(duì)英文的字體加粗,而中文的就不可以加粗,解決方法如下,希望對(duì)大家有所幫助
    2014-01-01
  • flex項(xiàng)目中server的名稱修改方法探討

    flex項(xiàng)目中server的名稱修改方法探討

    我們在做flex的開發(fā)中,如果用到別人搭建好的框架,而別人的server名稱往往是具有他們意義的項(xiàng)目名稱,那我們?nèi)绾涡薷某勺约旱哪?感興趣的朋友可以參考下本文,希望可以幫助到你
    2013-02-02
  • flex導(dǎo)出excel具體實(shí)現(xiàn)

    flex導(dǎo)出excel具體實(shí)現(xiàn)

    flex導(dǎo)出excel的前提是需要插件as3xls-1.0.1.swc,下面為大家介紹下具體的實(shí)現(xiàn)
    2014-01-01
  • Flex中的HDividedBox和VDividedBox的比較附圖

    Flex中的HDividedBox和VDividedBox的比較附圖

    學(xué)習(xí)Flex的朋友對(duì)HDividedBox和VDividedBox并不陌生吧,下面是兩者的簡單比較,感興趣的朋友可以參考下
    2013-10-10
  • flex是什么 Flex介紹

    flex是什么 Flex介紹

    Flex 是一個(gè)高效、免費(fèi)的開源框架,可用于構(gòu)建具有表現(xiàn)力的 Web 應(yīng)用程序,這些應(yīng)用程序利用 Adobe Flash Player和 Adobe AIR, 運(yùn)行時(shí)跨瀏覽器、桌面和操作系統(tǒng)實(shí)現(xiàn)一致的部署
    2013-01-01
  • Flex AIR 重啟需要修改的配置文件

    Flex AIR 重啟需要修改的配置文件

    本節(jié)主要介紹了Flex AIR 重啟需要修改的配置文件,需要的朋友可以參考下
    2014-07-07
  • flex4.5中CSS選擇器的應(yīng)用小結(jié)

    flex4.5中CSS選擇器的應(yīng)用小結(jié)

    與HTML相似,F(xiàn)lex允許在MXML標(biāo)簽中通過CSS樣式來設(shè)置組件的外觀。到flex4.5后已經(jīng)基本上支持了HTML中的所有CSS的應(yīng)用方式,這里主要來列舉下flex4.5中CSS選擇器的使用方法
    2013-04-04

最新評(píng)論