1.第一种在datagrid组件中直接赋值。<mx:DataGrid x="210" y="184" dataProvider="{myDP}">
<?xml version="1.0" encoding="utf-8"?> <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" minWidth="955" minHeight="600"> <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; [Bindable] private var myDP:ArrayCollection = new ArrayCollection([ {Artist:'Pavement', Album:'Slanted and Enchanted', Price:'(11.99)'}, {Artist:'Pavement', Album:'Crooked Rain, Crooked Rain', Price:'(10.99)'}, {Artist:'Pavement', Album:'Wowee Zowee', Price:'(12.99)'}, {Artist:'Pavement', Album:'Brighten the Corners', Price:'(11.99)'}, {Artist:'Pavement', Album:'Terror Twilight', Price:'(11.99)'} ]); ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:DataGrid x="210" y="184" dataProvider="{myDP}"> <mx:columns> <mx:DataGridColumn headerText="Artist" dataField="Artist"/> <mx:DataGridColumn headerText="Album" dataField="Album"/> <mx:DataGridColumn headerText="Price" dataField="Price"/> </mx:columns> </mx:DataGrid> </s:Application>
2.第二种赋值方式:datagrid.dataProvider=myDP;
<?xml version="1.0" encoding="utf-8"?> <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" minWidth="955" minHeight="600" initialize="init()" > <fx:Script> <![CDATA[ import mx.collections.ArrayCollection; [Bindable] private var myDP:ArrayCollection = new ArrayCollection([ {Artist:'Pavement', Album:'Slanted and Enchanted', Price:'(11.99)'}, {Artist:'Pavement', Album:'Crooked Rain, Crooked Rain', Price:'(10.99)'}, {Artist:'Pavement', Album:'Wowee Zowee', Price:'(12.99)'}, {Artist:'Pavement', Album:'Brighten the Corners', Price:'(11.99)'}, {Artist:'Pavement', Album:'Terror Twilight', Price:'(11.99)'} ]); function init(){ datagrid.dataProvider=myDP; } ]]> </fx:Script> <fx:Declarations> <!-- 将非可视元素(例如服务、值对象)放在此处 --> </fx:Declarations> <mx:DataGrid x="210" y="184" id="datagrid" > <mx:columns> <mx:DataGridColumn headerText="Artist" dataField="Artist"/> <mx:DataGridColumn headerText="Album" dataField="Album"/> <mx:DataGridColumn headerText="Price" dataField="Price"/> </mx:columns> </mx:DataGrid> </s:Application>
相关推荐
Flex Datagrid是一个灵活的数据呈现控件,能够处理各种数据源,包括ArrayCollection、XMLListCollection等。它允许用户通过列定义自定义显示样式,支持排序、过滤、选择等功能,非常适合于数据密集型的应用场景。 ...
1. **XML数据源**:在示例中,数据存储在一个名为`user.xml`的外部XML文件中。XML是一种轻量级的、自描述的数据交换格式,常用于在应用程序之间传递结构化数据。 ```xml <ID>213001 张三 <age>25 <!-- 更...
在本文中,我们将深入探讨如何在Flex中设置`DataGrid`的数据提供者(`dataProvider`),以便动态地填充数据。`DataGrid`是Adobe Flex中一个非常重要的组件,它用于显示和操作网格形式的数据。理解如何有效地设置数据...
类似于ItemRenderer,你可以在UIComponent中创建一个Image组件,并根据数据源动态设置图片源。 3. **应用CellFactory**: 将你的CellFactory类赋值给DataGrid的`cellFactory`属性。 ### 具体步骤 #### 对于两种...
4. 遍历数据源的一个样本,根据属性生成DataGridColumn实例。 5. 将生成的列添加到DataGrid的columns数组中。 6. 添加事件监听器以处理用户交互。 理解这个过程后,你可以根据具体需求调整代码,例如添加更多列,...
首先,为DataGrid定义列,并设置数据源: ```actionscript var dataGrid:DataGrid = new DataGrid(); dataGrid.columns = [new GridColumn("列1"), new GridColumn("列2")]; dataGrid.dataProvider = dataSet; ``` ...
在上面的例子中,当用户点击“Get Data”按钮时,会触发`ws.getProducts()`方法,获取数据并更新DataGrid和LineChart的数据源。 数据绑定是Flex中一个重要的概念,它允许组件的属性自动反映模型数据的变化。如`...
在IT行业中,Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。这个场景中提到的“flex支持过滤的input”是指在Flex应用中的输入框(Input)组件,它允许用户进行模糊查询,即在输入...
直接获取`DataGrid`的总数据行数并不直观,因为`DataGrid`并没有提供一个直接的属性或方法用于此目的。然而,可以通过设置`selectedIndex`属性大于实际数据行数的方式来间接获取数据行总数。当`selectedIndex`超过...
2. **AMFChannel**:AMFChannel是Flex中用于发送和接收数据的通道之一。它支持AMF格式的数据传输,是与服务器进行通信时常用的通道类型之一。 3. **ChannelSet**:ChannelSet是一个容器,用于管理多个Channel对象。...
1. **配置数据源**:在Spring的配置文件中定义数据源。 2. **定义DAO层**:在DAO层定义方法,用于调用存储过程。 3. **调用存储过程**:通过jdbcTemplate对象调用存储过程并处理返回的结果集。 示例代码如下: ```...
itemRenderer是DataGrid(以及其他类似的Flex组件,比如List)中用于定义如何显示集合中每一项数据的渲染器。它允许开发者创建自定义的布局和外观,以此来定制化显示每个数据项。 在上述代码示例中,我们创建了一个...
`ArrayCollection`是Flex中用于数据绑定和显示列表控件的数据源,而`List`是Java中的集合类,两者之间存在一些差异。 首先,`ArrayCollection`是ActionScript 3中的一个类,它是基于数组的,并且提供了对数据绑定的...