The following example shows how you can set the item selection duration on a Flex List control by setting the selectionDuration style.
Full code after the jump.
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/30/setting-the-item-selection-duration-on-a-list-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain" indicatorGap="0">
<mx:FormItem label="selectionDuration:">
<mx:HSlider id="slider"
minimum="0"
maximum="2000"
value="250"
snapInterval="1"
tickInterval="100"
dataTipPrecision="0"
liveDragging="true" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:List id="list"
dataProvider="{arr}"
selectionDuration="{slider.value}"
width="200"
selectionColor="red" />
</mx:Application>
You can also set the selectionDuration style in an external .CSS file or <mx:Style /> block, as seen in the following example:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/30/setting-the-item-selection-duration-on-a-list-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Style>
List {
selectionColor: red;
selectionDuration: 1500;
}
</mx:Style>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:List id="list"
dataProvider="{arr}"
width="200" />
</mx:Application>
You can also set the selectionDuration style using ActionScript, as seen in the following example:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/30/setting-the-item-selection-duration-on-a-list-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.events.SliderEvent;
private function slider_change(evt:SliderEvent):void {
list.setStyle("selectionDuration", evt.value);
}
]]>
</mx:Script>
<mx:Array id="arr">
<mx:Object label="One" />
<mx:Object label="Two" />
<mx:Object label="Three" />
<mx:Object label="Four" />
<mx:Object label="Five" />
<mx:Object label="Six" />
<mx:Object label="Seven" />
<mx:Object label="Eight" />
<mx:Object label="Nine" />
<mx:Object label="Ten" />
</mx:Array>
<mx:ApplicationControlBar dock="true">
<mx:Form styleName="plain" indicatorGap="0">
<mx:FormItem label="selectionDuration:">
<mx:HSlider id="slider"
minimum="0"
maximum="2000"
value="250"
snapInterval="1"
tickInterval="100"
dataTipPrecision="0"
liveDragging="true"
change="slider_change(event);" />
</mx:FormItem>
</mx:Form>
</mx:ApplicationControlBar>
<mx:List id="list"
dataProvider="{arr}"
width="200"
selectionColor="red" />
</mx:Application>
Due to popular demand, here is the “same” example in a more ActionScript friendly format:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/07/30/setting-the-item-selection-duration-on-a-list-control-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
initialize="init();">
<mx:Script>
<![CDATA[
import mx.containers.ApplicationControlBar;
import mx.containers.Form;
import mx.containers.FormItem;
import mx.controls.HSlider;
import mx.controls.List;
import mx.controls.sliderClasses.Slider;
import mx.events.SliderEvent;
private var arr:Array;
private var slider:HSlider;
private var list:List;
private function init():void {
arr = [];
arr.push({label:"One"});
arr.push({label:"Two"});
arr.push({label:"Three"});
arr.push({label:"Four"});
arr.push({label:"Five"});
arr.push({label:"Six"});
arr.push({label:"Seven"});
arr.push({label:"Eight"});
arr.push({label:"Nine"});
arr.push({label:"Ten"});
slider = new HSlider();
slider.minimum = 0;
slider.maximum = 2000;
slider.value = 250;
slider.snapInterval = 1;
slider.tickInterval = 100;
slider.liveDragging = true;
slider.setStyle("dataTipPrecision", 0);
slider.addEventListener(SliderEvent.CHANGE, slider_change);
var formItem:FormItem = new FormItem();
formItem.label = "selectionDuration:";
formItem.addChild(slider);
var form:Form = new Form();
form.styleName = "plain";
form.setStyle("indicatorGap", 0);
form.addChild(formItem);
var appControlBar:ApplicationControlBar;
appControlBar = new ApplicationControlBar();
appControlBar.dock = true;
appControlBar.addChild(form);
Application.application.addChildAt(appControlBar, 0);
list = new List();
list.dataProvider = arr;
list.width = 200;
list.setStyle("selectionColor", "red");
addChild(list);
}
private function slider_change(evt:SliderEvent):void {
list.setStyle("selectionDuration", evt.value);
}
]]>
</mx:Script>
</mx:Application>
how to use .aspx in c# .net 2.0