Search Flex Components Free

Custom Search

December 25, 2007

Flex Misc Control HSlider Source Code


Flex Sample Source Code:

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundAlpha="0" horizontalAlign="center">

<mx:Script>
<![CDATA[

import mx.events.SliderEvent;

private function updateSlider1Value(event:SliderEvent) : void
{
slider1Value.text = String(event.target.values[0]);
}

private function updateSlider2Value(event:SliderEvent) : void
{
slider2LowValue.text = String(event.target.values[0]);
slider2HighValue.text = String(event.target.values[1]);
}
]]>
</mx:Script>

<mx:Form>
<mx:FormItem label="Value:">
<mx:Label id="slider1Value"
creationComplete="slider1Value.text=String(slider1.values[0]);" />
</mx:FormItem>
</mx:Form>

<mx:HSlider id="slider1"
width="400"
thumbCount="1"
minimum="0"
maximum="1000"
labels="[0,1000]"
values="[500]"
tickInterval="50"
snapInterval="1"
liveDragging="true"
dataTipPlacement="bottom"
change="updateSlider1Value(event)" />

<mx:Spacer height="30"/>

<mx:HSlider id="slider2"
width="400"
thumbCount="2"
minimum="0"
maximum="1000"
labels="[0,1000]"
values="[0, 1000]"
tickInterval="50"
snapInterval="1"
liveDragging="true"
change="updateSlider2Value(event)" />

<mx:Form>
<mx:FormItem label="Low Value:">
<mx:Label id="slider2LowValue"
creationComplete="slider2LowValue.text=String(slider2.values[0]);"/>
</mx:FormItem>
<mx:FormItem label="High Value:">
<mx:Label id="slider2HighValue"
creationComplete="slider2HighValue.text=String(slider2.values[1]);" />
</mx:FormItem>
</mx:Form>

</mx:Application>

Related Flex Tutorials