Flex中通过设置textAlign和headerStyleName样式设置DateChooser控件头部年月文本对齐方式的例子

接下来的例子演示了Flex中通过设置textAlign和headerStyleName样式，设置DateChooser控件头部年月文本对齐方式。

让我们先来看一下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="middle"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             import mx.events.ListEvent;
11.             private function comboBox_change(evt:ListEvent):void {
12.                 var cssObj:CSSStyleDeclaration = StyleManager.getStyleDeclaration(".dateChooserHeaderStyles");
13.                 cssObj.setStyle("textAlign", comboBox.selectedItem);
14.             }
15.         ]]>
16.     </mx:Script>
18.     <mx:Style>
19.         .dateChooserHeaderStyles {
20.             fontWeight: bold;
21.             textAlign: left;
22.         }
23.     </mx:Style>
25.     <mx:ApplicationControlBar dock="true">
26.         <mx:Form styleName="plain">
27.             <mx:FormItem label="textAlign:">
28.                 <mx:ComboBox id="comboBox"
29.                         dataProvider="[left,center,right]"
30.                         change="comboBox_change(event);" />
31.             </mx:FormItem>
32.         </mx:Form>
33.     </mx:ApplicationControlBar>
35.     <mx:DateChooser id="dateChooser"
36.             headerStyleName="dateChooserHeaderStyles" />
38. </mx:Application>