Flex 4中如何格式化显示NumericStepper的例子

By Minidxer | September 22, 2009

接下来的例子演示了Flex 4中如何通过displayFormatFunction和extractValueFunction属性，格式化显示NumericStepper。

让我们先来看一下Demo（可以点击这里察看源代码）：


下面是完整代码(或点击这里察看)：
下面是main.mxml：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <s:Application name="Spark_NumericStepper_extractValueFunction_test"
  3.         xmlns:fx="http://ns.adobe.com/mxml/2009"
  4.         xmlns:s="library://ns.adobe.com/flex/spark"
  5.         xmlns:mx="library://ns.adobe.com/flex/halo">
  6.  
  7.     <fx:Script>
  8.         <![CDATA[
  9.             private function displayFmtFunc(value:Number):String {
  10.                 return value + "mm";
  11.             }
  12.  
  13.             private function extractValueFunc(value:String):Number {
  14.                 return parseInt(value);
  15.             }
  16.         ]]>
  17.     </fx:Script>
  18.  
  19.     <s:NumericStepper id="numericStepper"
  20.             minimum="0"
  21.             maximum="100"
  22.             displayFormatFunction="displayFmtFunc"
  23.             extractValueFunction="extractValueFunc"
  24.             horizontalCenter="0"
  25.             verticalCenter="0" />
  26.  
  27. </s:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Gumbo, NumericStepper | No Comments » | Tags: , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll