Using change event to recognize that a new item was entered into the prompt, and adds it to the data provider

           

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



<!-- dpcontrols\spark\SparkCBAddItem.mxml -->
<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">
    <s:layout>
        <s:VerticalLayout paddingTop="5" paddingLeft="5" />
    </s:layout>
    <fx:Script>
         
        import spark.events.IndexChangeEvent; 
        // Event handler to determine if the selected item is new. 
        protected function myCB_changeHandler(event:IndexChangeEvent):void 
        { 
                // Determine if the index specifies a new data item. 
                if(myCB.selectedIndex == spark.components.ComboBox.CUSTOM_SELECTED_ITEM) 
                    // Add the new item to the data provider. 
                    myCB.dataProvider.addItem(myCB.selectedItem); 
        } 
      
    </fx:Script>
    <s:Label text="The selected index is: {myCB.selectedIndex}" />
    <s:Label text="The selected item is: {myCB.selectedItem}" />
    <s:ComboBox id="myCB" width="140" change="myCB_changeHandler(event);">
        <s:dataProvider>
            <mx:ArrayList>
                <fx:String>Red</fx:String>
                <fx:String>Orange</fx:String>
                <fx:String>Yellow</fx:String>
                <fx:String>Blue</fx:String>
                <fx:String>Green</fx:String>
            </mx:ArrayList>
        </s:dataProvider>
    </s:ComboBox>
</s:Application>

Related examples in the same category

1.	Stop event propagation
2.	Hold down the Shift key while pressing the mouse button
3.	Set the value of the errorString property to create an error tip
4.	Nested inner function
5.	Submit button call
6.	Add a new button when the user presses an existing button
7.	Manually dispatch an event in an MXML tag
8.	UI Control initialization event
9.	Add ActionScript code in the component's definition for initialize event
10.	Use dispatchEvent() method to dispatch any event
11.	Dispatch an event in an MXML tag
12.	Create new event from ActionScript
13.	Single event property access
14.	Add loading complete event for URLLoader
15.	Create Complete event and initialize event
16.	Cast event sender to UI control
17.	Module loading event
18.	Using error event when loading Module
19.	Handling Events Inline
20.	Use Event Bubbling
21.	Bind getter function to phoneNumberChanged event
22.	NonCommittingChangeEvent Demo
23.	NonCommittingChange Event Sample
24.	StartUp event Order
25.	Event With Function
26.	Event Bubbling
27.	Set HTMLText With Initialize event
28.	Get Scrolled position from ScrollEvent
29.	Change Event
30.	Edit Event Prevents Edit

Using change event to recognize that a new item was entered into the prompt, and adds it to the data provider : Event « Event « Flex

Related examples in the same category