设置DateChooser控件的头部文字对齐方式.
生活随笔
收集整理的這篇文章主要介紹了
设置DateChooser控件的头部文字对齐方式.
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
DateChooser控件的textAlign 和 headerStyleName 樣式。
示例:
<!--?http://blog.flexexamples.com/2008/06/05/aligning-headers-in-a-datechooser-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="middle"
????????backgroundColor="white">
????<mx:Script>
????????<![CDATA[
????????????import?mx.events.ListEvent;
????????????private?function?comboBox_change(evt:ListEvent):void?{
????????????????var?cssObj:CSSStyleDeclaration?=?StyleManager.getStyleDeclaration(".dateChooserHeaderStyles");
????????????????cssObj.setStyle("textAlign",?comboBox.selectedItem);
????????????}
????????]]>
????</mx:Script>
????<mx:Style>
????????.dateChooserHeaderStyles?{
????????????fontWeight:?bold;
????????????textAlign:?left;
????????}
????</mx:Style>
????<mx:ApplicationControlBar?dock="true">
????????<mx:Form?styleName="plain">
????????????<mx:FormItem?label="textAlign:">
????????????????<mx:ComboBox?id="comboBox"
????????????????????????dataProvider="[left,center,right]"
????????????????????????change="comboBox_change(event);"?/>
????????????</mx:FormItem>
????????</mx:Form>
????</mx:ApplicationControlBar>
????<mx:DateChooser?id="dateChooser"
????????????headerStyleName="dateChooserHeaderStyles"?/>
</mx:Application>
示例:
代碼:
<!--?http://blog.flexexamples.com/2008/06/05/aligning-headers-in-a-datechooser-control-in-flex/?-->
<mx:Application?xmlns:mx="http://www.adobe.com/2006/mxml"
????????layout="vertical"
????????verticalAlign="middle"
????????backgroundColor="white">
????<mx:Script>
????????<![CDATA[
????????????import?mx.events.ListEvent;
????????????private?function?comboBox_change(evt:ListEvent):void?{
????????????????var?cssObj:CSSStyleDeclaration?=?StyleManager.getStyleDeclaration(".dateChooserHeaderStyles");
????????????????cssObj.setStyle("textAlign",?comboBox.selectedItem);
????????????}
????????]]>
????</mx:Script>
????<mx:Style>
????????.dateChooserHeaderStyles?{
????????????fontWeight:?bold;
????????????textAlign:?left;
????????}
????</mx:Style>
????<mx:ApplicationControlBar?dock="true">
????????<mx:Form?styleName="plain">
????????????<mx:FormItem?label="textAlign:">
????????????????<mx:ComboBox?id="comboBox"
????????????????????????dataProvider="[left,center,right]"
????????????????????????change="comboBox_change(event);"?/>
????????????</mx:FormItem>
????????</mx:Form>
????</mx:ApplicationControlBar>
????<mx:DateChooser?id="dateChooser"
????????????headerStyleName="dateChooserHeaderStyles"?/>
</mx:Application>
總結(jié)
以上是生活随笔為你收集整理的设置DateChooser控件的头部文字对齐方式.的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Spring 框架基础(02):Bean
- 下一篇: ORA-28000: the accou