Bind arrays to the dataProvider property of Flex controls

         

<!--
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/

-->



<!-- binding/ArrayBindingDP.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 />
    </s:layout>
    <fx:Script>
         
        import mx.collections.ArrayCollection; 
        [Bindable] 
        public var myAC:ArrayCollection = new ArrayCollection(["One", "Two", "Three", "Four"]); 
        [Bindable] 
        public var myAC2:ArrayCollection = new ArrayCollection(["Uno", "Dos", "Tres", "Quatro"]); 
      
    </fx:Script>
    <!-- Data binding updated at application startup, 
        when myAC is modified, and when an element of 
        myAC is modifed. -->
    <s:List width="150" dataProvider="{myAC}" />
    <!-- Data bindings to myAC updated. -->
    <s:Button label="Change Element" click="myAC[0]='mod One'" />
    <!-- Data bindings to myAC updated. -->
    <s:Button label="Add Element" click="myAC.addItem('new element');" />
    <!-- Data bindings to myAC updated. -->
    <s:Button label="Remove Element 0" click="myAC.removeItemAt(0);" />
    <!-- Data bindings to myAC updated. -->
    <s:Button label="Change ArrayCollection" click="myAC=myAC2" />
</s:Application>

Related examples in the same category

1.	Method to create an Array-based menu
2.	Setting Arrays of scalar values
3.	Number based array
4.	and tags around Array elements are optional
5.	Array of strings data provider
6.	Define Array in ActionScript by a comma-separated list of values surrounded by braces
7.	Set style value with Array in MXML and apply those values inline
8.	The attribute must correspond to a property of type Object or Array.
9.	String value array collection
10.	Binding to arrays
11.	Binding to array elements
12.	To explode one or more wedges of pie, use an Array of explodeRadius values.
13.	Remove filters by setting the filters Array to an empty Array
14.	Set the alpha property on each entry in the Array of tags
15.	Use a single Array of fills to specify how Flex should draw the individual wedges
16.	Defines two Arrays of SolidColor objects
17.	Set value of the CategoryAxis object's dataProvider property to a custom Array of labels
18.	Excludes Saturdays and Sundays from the chart by setting the value of the disabledDays property to an Array that contains 0 and 6:
19.	Create Array using tag
20.	Save Popup into Array and reference it later
21.	shows a SkinnableDataContainer displaying an Array of Strings as children
22.	Add, Remove, or Retrieve Data from an ArrayList
23.	Using ActionScript to declare and create an ArrayList object
24.	Update Array Via ICollectionView
25.	Using a static Array of objects for the data provider
26.	Using Array Of MXML Objects as DataProvider
27.	Using Array Of Verbose MXML Objects as DataProvider
28.	As with Arrays, you can use MXML to define the contents of a collection
29.	Define the Array in ActionScript by using a comma-separated list of values surrounded by braces
30.	Set the properties that use Arrays inline.
31.	Remove shadows by setting the chart control's seriesFilters property to an empty Array
32.	Convert Array to String
33.	Use an Array of Objects to specify a label and icon for each button
34.	Button is repeated for every element in an Array object
35.	An Array of Objects specifies a label and icon for each button
36.	Get Item index at fourth position

Bind arrays to the dataProvider property of Flex controls : Array « Data Model « Flex

Related examples in the same category