Flex中利用StringUtil类的trimArrayElements函数进行空格处理的例子

By Minidxer | August 24, 2008

和前面Flex中空格处理函数StringUtil类trim()方法用法的例子类似的,接下来的例子演示了Flex中如何利用StringUtil类的trimArrayElements函数,进行空格处理。

让我们先来看一下Demo可以右键View Source或点击这里察看源代码):


下面是完整代码(或点击这里察看):

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="horizontal"
  4.         verticalAlign="middle"
  5.         backgroundColor="white"
  6.         creationComplete="init()">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.utils.StringUtil;
  11.  
  12.             private function init():void {
  13.                 var arrayStr:String = arrayToList(arr);
  14.                 arrayStr = StringUtil.trimArrayElements(arrayStr, ",");
  15.                 list2.dataProvider = listToArray(arrayStr);
  16.             }
  17.  
  18.             private function listToArray(value:String, delimiter:String = ","):Array {
  19.                 return value.split(delimiter);
  20.             }
  21.  
  22.             private function arrayToList(value:Array, delimiter:String = ","):String {
  23.                 return value.join(delimiter);
  24.             }
  25.  
  26.             private function addSingleQuotes(item:Object):String {
  27.                 return "'" + item.toString() + "'";
  28.             }
  29.         ]]>
  30.     </mx:Script>
  31.  
  32.     <mx:Array id="arr">
  33.         <mx:String>       The </mx:String>
  34.         <mx:String> quick    </mx:String>
  35.         <mx:String>
  36.             brown
  37.  
  38.         </mx:String>
  39.         <mx:String>    fox                </mx:String>
  40.     </mx:Array>
  41.  
  42.     <mx:List id="list1"
  43.             dataProvider="{arr}"
  44.             variableRowHeight="true"
  45.             labelFunction="addSingleQuotes" />
  46.  
  47.     <mx:List id="list2"
  48.             variableRowHeight="true"
  49.             labelFunction="addSingleQuotes" />
  50.  
  51. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Flex | Tags: , , ,

Search Posts

Archives

Sponsored Ads