Flex中如何通过设置textAlign样式设定DateField中选中日期对齐方式的例子
By Minidxer | April 29, 2008
接下来的例子演示了如何通过设置textAlign样式，设定DateField中选中日期对齐方式。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="top"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.events.ItemClickEvent;
- private function init():void {
- dateField.selectedDate = new Date();
- }
- private function toggleButtonBar_itemClick(evt:ItemClickEvent):void {
- dateField.setStyle("textAlign", evt.item.label);
- }
- ]]>
- </mx:Script>
- <mx:ApplicationControlBar dock="true">
- <mx:ToggleButtonBar id="toggleButtonBar"
- selectedIndex="1"
- itemClick="toggleButtonBar_itemClick(event);">
- <mx:dataProvider>
- <mx:Array>
- <mx:Object label="left" />
- <mx:Object label="center" />
- <mx:Object label="right" />
- </mx:Array>
- </mx:dataProvider>
- </mx:ToggleButtonBar>
- </mx:ApplicationControlBar>
- <mx:DateField id="dateField"
- width="200"
- textAlign="center"
- initialize="init();" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer