Flex中如何通过labelFunction属性给LinkBar控件设置标签函数用来改变label标签为大写字母的例子
By Minidxer | October 9, 2008
接下来的例子演示了Flex中如何通过labelFunction属性给LinkBar控件设置标签函数,用来改变label标签为大写字母。PS:有点啰嗦,其实就是设置一个函数
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="LinkBar_labelFunction_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.core.Container;
- private function linkBar_labelFunc(item:Container):String {
- return item[linkBar.labelField].toUpperCase();
- }
- ]]>
- </mx:Script>
- <mx:Array id="arr1">
- <mx:Object label="One fish" />
- <mx:Object label="Two fish" />
- </mx:Array>
- <mx:Array id="arr2">
- <mx:Object label="Red fish" />
- <mx:Object label="Blue fish" />
- </mx:Array>
- <mx:LinkBar id="linkBar"
- dataProvider="{viewStack}"
- labelFunction="linkBar_labelFunc" />
- <mx:ViewStack id="viewStack" width="200">
- <mx:VBox label="VBox One">
- <mx:DataGrid id="dataGrid1"
- dataProvider="{arr1}"
- draggableColumns="false"
- width="100%"
- height="100%" />
- </mx:VBox>
- <mx:VBox label="VBox Two">
- <mx:DataGrid id="dataGrid2"
- dataProvider="{arr2}"
- draggableColumns="false"
- width="100%"
- height="100%" />
- </mx:VBox>
- </mx:ViewStack>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
LinkBar |
No Comments » |
Tags: labelFunction, LinkBar, ViewStack