Flex中如何通过设置textAlign样式设定DateField中选中日期对齐方式的例子

接下来的例子演示了如何通过设置textAlign样式，设定DateField中选中日期对齐方式。

让我们先来看一下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="vertical"
4.         verticalAlign="top"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             import mx.events.ItemClickEvent;
11.             private function init():void {
12.                 dateField.selectedDate = new Date();
13.             }
15.             private function toggleButtonBar_itemClick(evt:ItemClickEvent):void {
16.                 dateField.setStyle("textAlign", evt.item.label);
17.             }
18.         ]]>
19.     </mx:Script>
21.     <mx:ApplicationControlBar dock="true">
22.         <mx:ToggleButtonBar id="toggleButtonBar"
23.                 selectedIndex="1"
24.                 itemClick="toggleButtonBar_itemClick(event);">
25.             <mx:dataProvider>
26.                 <mx:Array>
27.                     <mx:Object label="left" />
28.                     <mx:Object label="center" />
29.                     <mx:Object label="right" />
30.                 </mx:Array>
31.             </mx:dataProvider>
32.         </mx:ToggleButtonBar>
33.     </mx:ApplicationControlBar>
35.     <mx:DateField id="dateField"
36.             width="200"
37.             textAlign="center"
38.             initialize="init();" />
40. </mx:Application>

0人

了这篇文章

类别： Flex+Asp.net┆阅读( 0)┆评论( 0) ┆ 返回博主首页┆ 返回博客首页

上一篇 Flex中如何通过监听scroll事件检测用户改变Dat.. 下一篇 Flex中如何通过设置toolTipField属性在ButtonB..