Flex中通过dayNames和firstDayOfWeek属性设置DateChooser控件星期名称的例子

By Minidxer | August 2, 2008

接下来的例子演示了Flex中通过dayNames和firstDayOfWeek属性，设置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"
  6.         creationComplete="init()">
  7.  
  8.     <mx:Script>
  9.         <![CDATA[
  10.             import mx.formatters.DateBase;
  11.  
  12.             [Bindable]
  13.             private var dayNamesDefaultArr:Array;
  14.  
  15.             [Bindable]
  16.             private var dayNamesShortArr:Array = DateBase.dayNamesShort;
  17.  
  18.             [Bindable]
  19.             private var dayNamesLongArr:Array = DateBase.dayNamesLong;
  20.  
  21.             private function init():void {
  22.                 dayNamesDefaultArr = dateChooser.dayNames;
  23.             }
  24.  
  25.             private function slider_dataTipFormatFunc(item:Object):String {
  26.                 return dateChooser.dayNames[slider.value];
  27.             }
  28.         ]]>
  29.     </mx:Script>
  30.  
  31.     <mx:Array id="dayNamesArr"></mx:Array>
  32.  
  33.     <mx:ApplicationControlBar dock="true">
  34.         <mx:Label text="dayNames:" />
  35.         <mx:ComboBox id="comboBox"
  36.                 change="dateChooser.dayNames = comboBox.selectedItem.data">
  37.             <mx:dataProvider>
  38.                 <mx:Array>
  39.                     <mx:Object label="default" data="{dayNamesDefaultArr}" />
  40.                     <mx:Object label="short" data="{dayNamesShortArr}" />
  41.                     <mx:Object label="long" data="{dayNamesLongArr}" />
  42.                 </mx:Array>
  43.             </mx:dataProvider>
  44.         </mx:ComboBox>
  45.  
  46.         <mx:Spacer width="100%" />
  47.  
  48.         <mx:Label text="firstDayOfWeek:" />
  49.         <mx:HSlider id="slider"
  50.                 minimum="0"
  51.                 maximum="6"
  52.                 liveDragging="true"
  53.                 snapInterval="1"
  54.                 dataTipFormatFunction="slider_dataTipFormatFunc" />
  55.     </mx:ApplicationControlBar>
  56.  
  57.     <mx:DateChooser id="dateChooser" firstDayOfWeek="{slider.value}" />
  58.  
  59.     <mx:Label text="{dateChooser.dayNames.join(', ')}" />
  60.  
  61. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Topics: Flex | Tags: , , , , , ,

Related Post

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll

Sponsored Ads