Flex中如何利用todayStyleName样式控制DateField的DateChooser是否标识显示当前日期的例子

By Minidxer | January 10, 2009

接下来的例子演示了Flex中如何利用todayStyleName样式,控制DateField的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="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         DateField {
  9.             todayColor: haloOrange;
  10.             dateChooserStyleName: myCustomDateChooser;
  11.         }
  12.  
  13.         .myCustomDateChooser {
  14.             todayStyleName: myCustomTodayStyleName;
  15.         }
  16.  
  17.         .myCustomTodayStyleName {
  18.             color: black;
  19.             fontStyle: italic;
  20.             fontWeight: bold;
  21.         }
  22.     </mx:Style>
  23.  
  24.     <mx:ApplicationControlBar dock="true">
  25.         <mx:Form styleName="plain">
  26.             <mx:FormItem label="showToday:">
  27.                 <mx:CheckBox id="checkBox"
  28.                         selected="true"
  29.                         change="dateField.open();" />
  30.             </mx:FormItem>
  31.         </mx:Form>
  32.     </mx:ApplicationControlBar>
  33.  
  34.     <mx:DateField id="dateField"
  35.             showToday="{checkBox.selected}"
  36.             creationComplete="dateField.open();" />
  37.  
  38. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: DateField | No Comments » | Tags: , , , ,

Search Posts