'combobox'에 해당되는 글 1건
- 2009.12.10 Set the selected item for a comboBox or dataGrid 2
BSince the Flex 1.5 list-based controls do not support a "selectedItem" method, if you want to programatically set the control to a given value, you must loop over the items in the dataGrid, find a match, then set the selectedIndex.
The sample below does that for a comboBox and a dataGrid, plus shows setting vPosition to scroll the selection into view on the dataGrid. It also has a simple labelFunction to build a label for the combo box.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" horizontalAlign="left"
initialize="initApp()">
<mx:Script><![CDATA[
private var gaDP1:Array;
private function initApp():Void
{
gaDP1 = [ {label:"A", data:0},
{label:"B", data:1},
{label:"C", data:2},
{label:"D", data:3},
{label:"E", data:4},
{label:"F", data:5},
{label:"G", data:6},
{label:"H", data:7},
{label:"I", data:8},
{label:"J", data:9}]; //build the dataProvider
}
//runs on click of button
private function setInitialItem():Boolean
{
var aDP:Array = mx.utils.ArrayUtil.toArray(cbo1.dataProvider);
var sDataValueInit:String = tiInitialData.text;
var sDataValueCur:String;
for ( var i:Number=0; i<aDP.length; i++ ) { //loop over the items in the dataProvider
sDataValueCur = aDP[i].data; //get the current item.data value
if ( sDataValueCur == sDataValueInit ) { //compare desired value to current item.data value
cbo1.selectedIndex = i; //set the seletedIndex of the combo box
dg1.selectedIndex = i; //set the seletedIndex of the dataGrid
dg1.vPosition = dg1.selectedIndex; //scroll the dtagrid so the selected item is visible
return true;
}
}//for ( var i:Number=0;....
return false;
}
//example of labelFunction. Creates a label out of both properties
private function lfCB1(oItem:Object):String
{
return oItem.label + " ( data:" + oItem.data + ")";
}
]]></mx:Script>
<mx:HBox>
<mx:Label text="Initial Data Value (0-9)" />
<mx:TextInput id="tiInitialData" />
<mx:Button label="Set Item" click="setInitialItem()"/>
<mx:ComboBox id="cbo1" dataProvider="{gaDP1}" width="150" labelFunction="lfCB1" />
<mx:DataGrid id="dg1" dataProvider="{gaDP1}" rowCount="4">
<mx:columns>
<mx:Array>
<mx:DataGridColumn headerText="Label" columnName="label" />
<mx:DataGridColumn headerText="Data" columnName="data" />
</mx:Array>
</mx:columns>
</mx:DataGrid>
</mx:HBox>
</mx:Application>
<?xml version="1.0"?>
<!-- dpcontrols/ComboBoxEvent.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Script>
<![CDATA[
import flash.events.Event;
import mx.events.DropdownEvent;
// Display the type of event for open and close events.
private function dropEvt(event:DropdownEvent):void {
forChange.text+=event.type + "\n";
}
// Display a selected item's label field and index for change events.
private function changeEvt(event:Event):void {
forChange.text+=event.currentTarget.selectedItem.label + " " +
event.currentTarget.selectedIndex + "\n";
}
]]>
</mx:Script>
<mx:ComboBox open="dropEvt(event)" close="dropEvt(event)"
change="changeEvt(event)" >
<mx:ArrayCollection>
<mx:Object label="AL" data="Montgomery"/>
<mx:Object label="AK" data="Juneau"/>
<mx:Object label="AR" data="Little Rock"/>
</mx:ArrayCollection>
</mx:ComboBox>
<mx:TextArea id="forChange" width="150" height="100%"/>
</mx:Application>
The executing SWF file for the previous example is shown below:
If you populate the ComboBox control with an Array of Strings, the currentTarget.selectedItem field contains a String. If you populate it with an Array of Objects, the currentTarget.selectedItem
Prev
