Flex Examples
The following example shows how you can toggle year navigation in a Flex DateField control by setting the yearNavigationEnabled property.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/15/enabling-year-navigation-in-a-flex-datefield-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="top"
backgroundColor="white">
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain">
<mx:FormItem label="yearNavigationEnabled:">
<mx:CheckBox id="checkBox" selected="true" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:DateField id="dateField"
yearNavigationEnabled="{checkBox.selected}" />
</mx:Application>
View source is enabled in the following example.
Peter deHaan
Peter deHaan currently works for Adobe on the Flex SDK QA team. While not working on Flex, Flash, and ColdFusion applications, Peter enjoys making up bios and writing in 3rd person. Peter's rarely updated blog can be found at blogs.adobe.com/pdehaan/, actionscriptexamples.com, airexamples.com, and coldfusionexamples.com.
Share
Some users might not know that clicking continously on the year’s numeric stepper will allow them to navigate the year faster than clicking once per year. This is a problem when you are choosing a year which is farther down or up and you will be suing a single click for each year. Is there a way to change the numeric stepper into a list (via function override or itemeditor) or make it editable on click? Thanks!