Flex中如何通过labelFunction属性给LinkBar控件设置标签函数用来改变label标签为大写字母的例子

By Minidxer | October 9, 2008

接下来的例子演示了Flex中如何通过labelFunction属性给LinkBar控件设置标签函数,用来改变label标签为大写字母。PS:有点啰嗦,其实就是设置一个函数

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


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

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application name="LinkBar_labelFunction_test"
  3.         xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         backgroundColor="white">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.core.Container;
  11.  
  12.             private function linkBar_labelFunc(item:Container):String {
  13.                 return item[linkBar.labelField].toUpperCase();
  14.             }
  15.         ]]>
  16.     </mx:Script>
  17.  
  18.     <mx:Array id="arr1">
  19.         <mx:Object label="One fish" />
  20.         <mx:Object label="Two fish" />
  21.     </mx:Array>
  22.  
  23.     <mx:Array id="arr2">
  24.         <mx:Object label="Red fish" />
  25.         <mx:Object label="Blue fish" />
  26.     </mx:Array>
  27.  
  28.     <mx:LinkBar id="linkBar"
  29.             dataProvider="{viewStack}"
  30.             labelFunction="linkBar_labelFunc" />
  31.  
  32.     <mx:ViewStack id="viewStack" width="200">
  33.         <mx:VBox label="VBox One">
  34.             <mx:DataGrid id="dataGrid1"
  35.                     dataProvider="{arr1}"
  36.                     draggableColumns="false"
  37.                     width="100%"
  38.                     height="100%" />
  39.         </mx:VBox>
  40.         <mx:VBox label="VBox Two">
  41.             <mx:DataGrid id="dataGrid2"
  42.                     dataProvider="{arr2}"
  43.                     draggableColumns="false"
  44.                     width="100%"
  45.                     height="100%" />
  46.         </mx:VBox>
  47.     </mx:ViewStack>
  48.  
  49. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: LinkBar | No Comments » | Tags: , ,

Search Posts