`

flex-----dataProvider

    博客分类:
  • flex
阅读更多
mx:XMLListCollection 包含多个XMLList
mx:ArrayCollection 包含多个mx:Array
这两个不是包含关系,mx:XMLListCollection和mx:ArrayCollection 是集合类,相对XMLList和Array是包装关系,有点像JAVA里的int和Integer的关系
Array就是数组,与JAVA不一样的地方时,里面的元素类型不需要一致,每一个元素都可以是任意类型;
XMLList看名字就知道了,是一个XML的list,由多个XML组成,与Array比较像,只是元素是XML


 1          dataProvider="{cards}"

            [Bindable]  
            public var cards:ArrayCollection = new ArrayCollection(  
                [ {label:"Visa", data:1},   
                  {label:"MasterCard", data:2},   
                  {label:"American Express", data:3} ]);
或者: cards.addItem({label:"Visa", data:1});
   
2。     dataProvider="{mystates.state}" 

   <mx:Model id="mystates">  
      <states>  
        <state label="Alabama" data="AL"/>  
        <state label="Alaska" data="AK"/>  
        <state label="Arizona" data="AZ"/>  
        <state label="Arkansas" data="AR"/>  
        <state label="California" data="CA"/>  
        <state label="Colorado" data="CO"/>  
        <state label="Connecticut" data="CT"/>  
      </states>  
    </mx:Model>    
                 
3。dataProvider="{treeData}"
  <mx:XMLList id="treeData">  
        <node label="Mail Box">  
            <node label="Inbox">  
                <node label="Marketing"/>  
                <node label="Product Management"/>  
                <node label="Personal"/>  
            </node>  
            <node label="Outbox">  
                <node label="Professional"/>  
                <node label="Personal"/>  
            </node>  
            <node label="Spam"/>  
            <node label="Sent"/>  
        </node>     
    </mx:XMLList>                  
 4。内嵌到list中
  <mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125">  
 //这里的数据提供者也可以用json  ,这里是用的标签的形式  
            <mx:dataProvider>  
                <mx:Array>  //比List中的dataProvider多了一个mx:Array
                    <mx:Object label="Nokia 6630" icon="{phone1}"/>  
                    <mx:Object label="Nokia 6680" icon="{phone2}"/>  
                    <mx:Object label="Nokia 7610" icon="{phone3}"/>  
                   <mx:Object label="Nokia 7610" icon="{phone4}"/>  
  
                </mx:Array>  
            </mx:dataProvider>  
        </mx:HorizontalList>   
        [Bindable]  
             [Embed(source="../assets/nokia6630.png")]  
             public var phone1:Class; 
             
 5。 
   <mx:List id="myList" variableRowHeight="true"   
            height="180" width="250"   
            backgroundColor="white"   
            initialize="initCellEditor();"//渲染器在这里通过as代码指定的 >   
        //这里的dataProvider完全可以写在上面的属性里面哈  
        <mx:dataProvider>  
            <mx:Object label="Alaska"   
                data="Juneau"   
                webPage="http://www.state.ak.us/"/>  
            <mx:Object label="Alabama"   
                data="Montgomery"   
                webPage="http://www.alabama.gov/" />  
            <mx:Object label="Arkansas"   
                data="Little Rock"   
                webPage="http://www.state.ar.us/"/>                    
        </mx:dataProvider>  
    </mx:List>   
    
6. <mx:DataGrid id="dataGrid"
            dataProvider="{arrColl}" .../>
            
     <mx:ArrayCollection id="arrColl">
        <mx:source>
            <mx:Array>
                <mx:Object label="中国" score="1" />
                <mx:Object label="美国" score="0" />
                <mx:Object label="法国" score="0" />
                <mx:Object label="德国" score="0" />
                <mx:Object label="俄罗斯" score="0" />
                <mx:Object label="日本" score="0" />
                <mx:Object label="意大利" score="0" />
                <mx:Object label="捷克" score="1" />
                <mx:Object label="西班牙" score="0" />
                <mx:Object label="澳大利亚" score="0" />
                <mx:Object label="韩国" score="0" />
                <mx:Object label="肯尼亚" score="0" />
            </mx:Array>
        </mx:source>
    </mx:ArrayCollection>      
分享到:
评论

相关推荐

    flex DataGrid设置dataProvider

    在本文中,我们将深入探讨如何在Flex中设置`DataGrid`的数据提供者(`dataProvider`),以便动态地填充数据。`DataGrid`是Adobe Flex中一个非常重要的组件,它用于显示和操作网格形式的数据。理解如何有效地设置数据...

    Flex-DataGrid使用关键字过滤结果

    var dataProvider: ArrayCollection = dataGrid.dataProvider as ArrayCollection; for (var i: int = 0; i &lt; dataProvider.length; i++) { var item: Object = dataProvider.getItemAt(i); // 假设item有多...

    flex-带checkbox的datagrid

    你可以通过数据提供者(DataProvider)来绑定数据源,比如ArrayCollection或XMLListCollection,以填充Datagrid的行。 2. **列配置**:在Datagrid中添加复选框需要对列进行定制。你可以创建一个自定义列类,继承自...

    用ArrayCollection当做flex中Tree控件的DataProvider

    在Flex开发中,数据展示控件常常需要与数据提供者(DataProvider)进行绑定,以便将数据模型呈现出来。本文将详细探讨如何使用`ArrayCollection`作为Flex中的`Tree`控件的数据提供者,以替代通常使用的XML数据源。 ...

    Sample-Flex4-TabBar

    在“Sample-Flex4-TabBar”示例中,开发者可能创建了一个主MXML文件,定义了TabBar组件并设置了dataProvider,同时创建了与每个TabItem对应的视图组件。通过事件监听和处理,实现点击选项卡时切换显示的内容。 四、...

    flex itemRenderer深入学习--flex相册例子

    &lt;List id="albumList" dataProvider="{myDataProvider}"&gt; ``` 在这里,`local:AlbumItemRenderer`是我们的自定义ItemRenderer类。 此外,我们还需要处理数据绑定和事件响应。数据绑定允许我们在...

    Flex基础培训-1-概述

    - **数据表格**:用于显示格式化的数据,通过设置`dataProvider`属性来显示数据。 - **日期选择器**:用于选择日期,主要通过`text`属性获取当前选定的日期。 - **列表组件**:用于显示列表数据,主要通过设置`Data...

    Flex漂亮的柱状图(ColumnChart)

    chart.dataProvider = dataProvider; ``` 3. **创建柱状系列**:柱状图通常由一个或多个柱状系列组成,每个系列代表数据集的一个维度。在Flex中,你可以通过`&lt;s:Series&gt;`标签来创建。 ```mxml ``` 4. **自定义...

    Flex基础培训-6-拖放与过滤

    dataProvider="{employeeData}" width="300" height="400" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true" allowMultipleSelection="true" &gt; ``` 在这段代码中: - `dragEnabled="true"`:...

    flex 线图到饼图的联动

    lineChart.dataProvider = dataProvider; lineChart.addEventListener(MouseEvent.CLICK, onLineItemClick); // 创建饼图并绑定数据源 var pieChart:PieChart = new PieChart(); pieChart.dataProvider = data...

    Flex tree的用法

    - **XMLList和XMLListCollection**: 将XML转换为XMLList或XMLListCollection,然后设置给Tree的`dataProvider`属性,这样就可以显示XML数据。 - **节点标签和子节点**: XML元素的文本可以作为节点的标签,而子元素...

    Flex如何让前台链接后并访问数据库

    employeeList.dataProvider = employees; } ``` 在这个例子中,`employeeService`调用了后台的"getEmployees"方法,当服务返回结果时,`onEmployeesRetrieved`函数被触发,将数据绑定到名为`employeeList`的列表...

    Flex创建可编辑以及分页的DataGrid

    dg.dataProvider = dataProvider; ``` 为了让DataGrid具有编辑功能,我们需要为每列设置`editable`属性。例如,如果我们有两个字段`name`和`price`,可以这样做: ```xml &lt;mx:DataGridColumn dataField="name...

    flex combobox 输入过滤实例

    &lt;s:ComboBox id="comboBox" dataProvider="{dataProvider}" textChange="comboBox_textChangeHandler(event)" /&gt; ``` 上述代码创建了一个Combobox,并在输入改变时应用过滤函数。 5. **优化与扩展** - 你...

    flex带复选框的tree,flex checkboxtree

    在CheckboxTree中,MXML文件会包含Tree组件的声明,以及对其属性如dataProvider、itemRenderer等的设置。itemRenderer是自定义的树节点渲染器,负责在节点上显示复选框。 2. ActionScript类文件:这部分是Flex的...

    flex 树结构的列表

    2. 数据绑定:使用ArrayCollection或XMLListCollection等集合类来存储数据模型对象,并将其绑定到`DataGrid`的`dataProvider`属性。 3. 自定义列:为了模拟树结构,我们需要为`DataGrid`添加一个额外的列来表示节点...

    FLEX双击左右移动表格中的数据

    var dataProvider:ArrayCollection = dataGrid.dataProvider as ArrayCollection; if (currentIndex &gt; 0) { // 向左移动 var temp:Object = dataProvider[currentIndex]; dataProvider.move(currentIndex, ...

    FLEX动态树 动态图表

    dataProvider="{xmlListColl}" // 数据源 itemDblClick="tree_itemDoubleClickHandler(event)"/&gt; &lt;!-- XML数据列表 --&gt; &lt;!-- 复杂的树形数据结构 --&gt; ``` 通过以上代码,我们可以看到如何在...

    Flex创建精美相册(HorizontalList)

    1. **dataProvider**:这个属性用于指定列表的数据源,通常是一个ArrayCollection,包含要显示的项。 2. **itemRenderer**:定义每个列表项的渲染方式,可以自定义组件来实现个性化的显示效果。 3. **...

Global site tag (gtag.js) - Google Analytics