2011. 10. 11. 11:49
[Flex] spark DropDownList MultiSelect 공부/flex2011. 10. 11. 11:49
Application.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:component="component.*"
>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var acList:ArrayCollection = new ArrayCollection([
{label:"JAVA",selected:false},
{label:".NET",selected:false},
{label:"C++",selected:false},
{label:"FLEX",selected:false}]);
public function getSelectionLabel():void{
lbSelections.text = "";
ddlMultiSelection.labelDisplay.text = "MultiSelected";
for (var i:int = 0; i < acList.length; i++)
{
if(acList[i].selected){
lbSelections.text += " " + acList[i].label;
}
}
}
]]>
</fx:Script>
<s:HGroup width="100%" height="100" left="20" top="20" verticalAlign="middle">
<s:DropDownList id="ddlMultiSelection"
itemRenderer="renderers.MultiSelectItemRenderer"
dataProvider="{acList}" close="getSelectionLabel()" />
<s:Label id="lbSelections" text="Selected Items...."/>
</s:HGroup>
</s:Application>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:component="component.*"
>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
public var acList:ArrayCollection = new ArrayCollection([
{label:"JAVA",selected:false},
{label:".NET",selected:false},
{label:"C++",selected:false},
{label:"FLEX",selected:false}]);
public function getSelectionLabel():void{
lbSelections.text = "";
ddlMultiSelection.labelDisplay.text = "MultiSelected";
for (var i:int = 0; i < acList.length; i++)
{
if(acList[i].selected){
lbSelections.text += " " + acList[i].label;
}
}
}
]]>
</fx:Script>
<s:HGroup width="100%" height="100" left="20" top="20" verticalAlign="middle">
<s:DropDownList id="ddlMultiSelection"
itemRenderer="renderers.MultiSelectItemRenderer"
dataProvider="{acList}" close="getSelectionLabel()" />
<s:Label id="lbSelections" text="Selected Items...."/>
</s:HGroup>
</s:Application>
MutiSelectItemRenderer.mxml
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
autoDrawBackground="true" width="100%">
<fx:Script>
<![CDATA[
import mx.core.IFlexDisplayObject;
private function evnetMouseEventControll(event:MouseEvent):void{
event.stopImmediatePropagation();
}
private function eventChangeSelection():void{
data.selected = checkbox.selected;
}
]]>
</fx:Script>
<s:CheckBox id="checkbox"
width="100%"
selected="{data.selected}"
label="{data.label}"
mouseUp="evnetMouseEventControll(event)"
mouseDown="evnetMouseEventControll(event)"
change="eventChangeSelection()"/>
</s:ItemRenderer>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
autoDrawBackground="true" width="100%">
<fx:Script>
<![CDATA[
import mx.core.IFlexDisplayObject;
private function evnetMouseEventControll(event:MouseEvent):void{
event.stopImmediatePropagation();
}
private function eventChangeSelection():void{
data.selected = checkbox.selected;
}
]]>
</fx:Script>
<s:CheckBox id="checkbox"
width="100%"
selected="{data.selected}"
label="{data.label}"
mouseUp="evnetMouseEventControll(event)"
mouseDown="evnetMouseEventControll(event)"
change="eventChangeSelection()"/>
</s:ItemRenderer>
결과화면
'공부 > flex' 카테고리의 다른 글
[Flex] TextInput 한글 일본어 짤림현상. (0) | 2011.11.11 |
---|---|
[Flex] spark datagrid itemeditor (0) | 2011.10.12 |
[Flex] CursorManager && Graphic..path.. (0) | 2011.10.05 |
[Flex] Spark DataGrid Html ItemRenderer rowheight (0) | 2011.10.05 |
[Flex]Spark DataGrid HeaderRenderer CheckBox (0) | 2011.10.05 |