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`),以便动态地填充数据。`DataGrid`是Adobe Flex中一个非常重要的组件,它用于显示和操作网格形式的数据。理解如何有效地设置数据...
var dataProvider: ArrayCollection = dataGrid.dataProvider as ArrayCollection; for (var i: int = 0; i < dataProvider.length; i++) { var item: Object = dataProvider.getItemAt(i); // 假设item有多...
你可以通过数据提供者(DataProvider)来绑定数据源,比如ArrayCollection或XMLListCollection,以填充Datagrid的行。 2. **列配置**:在Datagrid中添加复选框需要对列进行定制。你可以创建一个自定义列类,继承自...
在Flex开发中,数据展示控件常常需要与数据提供者(DataProvider)进行绑定,以便将数据模型呈现出来。本文将详细探讨如何使用`ArrayCollection`作为Flex中的`Tree`控件的数据提供者,以替代通常使用的XML数据源。 ...
在“Sample-Flex4-TabBar”示例中,开发者可能创建了一个主MXML文件,定义了TabBar组件并设置了dataProvider,同时创建了与每个TabItem对应的视图组件。通过事件监听和处理,实现点击选项卡时切换显示的内容。 四、...
<List id="albumList" dataProvider="{myDataProvider}"> ``` 在这里,`local:AlbumItemRenderer`是我们的自定义ItemRenderer类。 此外,我们还需要处理数据绑定和事件响应。数据绑定允许我们在...
- **数据表格**:用于显示格式化的数据,通过设置`dataProvider`属性来显示数据。 - **日期选择器**:用于选择日期,主要通过`text`属性获取当前选定的日期。 - **列表组件**:用于显示列表数据,主要通过设置`Data...
chart.dataProvider = dataProvider; ``` 3. **创建柱状系列**:柱状图通常由一个或多个柱状系列组成,每个系列代表数据集的一个维度。在Flex中,你可以通过`<s:Series>`标签来创建。 ```mxml ``` 4. **自定义...
dataProvider="{employeeData}" width="300" height="400" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true" allowMultipleSelection="true" > ``` 在这段代码中: - `dragEnabled="true"`:...
lineChart.dataProvider = dataProvider; lineChart.addEventListener(MouseEvent.CLICK, onLineItemClick); // 创建饼图并绑定数据源 var pieChart:PieChart = new PieChart(); pieChart.dataProvider = data...
- **XMLList和XMLListCollection**: 将XML转换为XMLList或XMLListCollection,然后设置给Tree的`dataProvider`属性,这样就可以显示XML数据。 - **节点标签和子节点**: XML元素的文本可以作为节点的标签,而子元素...
employeeList.dataProvider = employees; } ``` 在这个例子中,`employeeService`调用了后台的"getEmployees"方法,当服务返回结果时,`onEmployeesRetrieved`函数被触发,将数据绑定到名为`employeeList`的列表...
dg.dataProvider = dataProvider; ``` 为了让DataGrid具有编辑功能,我们需要为每列设置`editable`属性。例如,如果我们有两个字段`name`和`price`,可以这样做: ```xml <mx:DataGridColumn dataField="name...
<s:ComboBox id="comboBox" dataProvider="{dataProvider}" textChange="comboBox_textChangeHandler(event)" /> ``` 上述代码创建了一个Combobox,并在输入改变时应用过滤函数。 5. **优化与扩展** - 你...
在CheckboxTree中,MXML文件会包含Tree组件的声明,以及对其属性如dataProvider、itemRenderer等的设置。itemRenderer是自定义的树节点渲染器,负责在节点上显示复选框。 2. ActionScript类文件:这部分是Flex的...
2. 数据绑定:使用ArrayCollection或XMLListCollection等集合类来存储数据模型对象,并将其绑定到`DataGrid`的`dataProvider`属性。 3. 自定义列:为了模拟树结构,我们需要为`DataGrid`添加一个额外的列来表示节点...
var dataProvider:ArrayCollection = dataGrid.dataProvider as ArrayCollection; if (currentIndex > 0) { // 向左移动 var temp:Object = dataProvider[currentIndex]; dataProvider.move(currentIndex, ...
dataProvider="{xmlListColl}" // 数据源 itemDblClick="tree_itemDoubleClickHandler(event)"/> <!-- XML数据列表 --> <!-- 复杂的树形数据结构 --> ``` 通过以上代码,我们可以看到如何在...
1. **dataProvider**:这个属性用于指定列表的数据源,通常是一个ArrayCollection,包含要显示的项。 2. **itemRenderer**:定义每个列表项的渲染方式,可以自定义组件来实现个性化的显示效果。 3. **...