May 31

Flex中利用firstDayOfWeek属性改变DateChooser控件日历(calendar)布局的例子

FlexAdd comments

接下来的例子中演示了Flex的DateChooser控件中，如何通过firstDayOfWeek属性，改变DateChooser控件日历(calendar)的布局。Demo中通过移动下面的游标进行调整。

让我们先来看一下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" layout="vertical" verticalAlign="middle" backgroundColor="white">
  3.  
  4.     <mx:Script>
  5.         <![CDATA[
  6.             private var dayNames:Array = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
  7.  
  8.             private function getDayName(item:Number):String {
  9.                 return dayNames[item];
  10.             }
  11.         ]]>
  12.     </mx:Script>
  13.  
  14.     <mx:DateChooser todayColor="red" firstDayOfWeek="{slider.value}"/>
  15.  
  16.     <mx:VBox>
  17.         <mx:Label text="First day of week:" />
  18.         <mx:HSlider id="slider" minimum="0" maximum="6" liveDragging="true" snapInterval="1" dataTipFormatFunction="getDayName" />
  19.     </mx:VBox>
  20.  
  21. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , , ,

Related Post

Leave a Reply