您的位置:首页 > Web前端 > CSS

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

2009-11-11 14:57 886 查看
接下来的例子演示了如何通过设置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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐