<s:DataGrid id="showGrid" dataProvider="{companyList}" width="100%" height="100%" >
<s:columns>
<s:ArrayList>
<s:GridColumn dataField="id" sortable="true" />
<s:GridColumn dataField="name" sortable="true" />
<s:GridColumn dataField="passwd" sortable="true"/>
<s:GridColumn dataField="address" sortable="true"/>
<s:GridColumn dataField="phoneNumber" sortable="true"/>
<s:GridColumn dataField="email" sortable="true"/>
</s:ArrayList>
</s:columns>
</s:DataGrid>
flex4 Hero sdk 才支持。。。
flex3 :
<mx:DataGrid id="showGrid" dataProvider="{companyList}" width="100%" height="100%">
<mx:columns>
<mx:DataGridColumn dataField="id"/>
<mx:DataGridColumn dataField="name" />
<mx:DataGridColumn dataField="passwd" />
<mx:DataGridColumn dataField="address" />
<mx:DataGridColumn dataField="phoneNumber" />
<mx:DataGridColumn dataField="email" />
</mx:columns>
</mx:DataGrid>
效果有些不一样,自己去体会吧。。。。。。。。。。。
分享到:
相关推荐
MX:DataGrid是Flex中的一个组件,用于展示数据集并进行交互操作,如排序、选择和编辑。本篇文章将重点讲解如何在Flex中利用MX:DataGrid实现数据过滤显示的功能。 首先,数据过滤是指根据特定条件筛选数据,只显示...
本篇将聚焦于如何使用Adobe Flex来实现分页显示功能,特别是通过mx:DataGrid组件。 Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。mx:DataGrid是Flex提供的一个强大组件,可以...
在“FLEX的一个DataGrid例子”中,我们可能会看到如何创建和配置DataGrid,以及如何与后台数据源进行绑定。 1. **创建DataGrid**: 在Flex中,创建DataGrid通常是通过MXML代码实现的。在MXML文件中,我们可以定义...
- MXML 方式:在 MXML 文件中,你可以直接通过 `<mx:DataGrid>` 标签创建 DataGrid,设置其位置和大小。例如: ```xml <mx:DataGrid y="10" width="250" right="10"> </mx:DataGrid> ``` - ActionScript 方式...
本教程将深入讲解如何有效利用DataGrid控件,并结合HTTPService进行参数传递,以实现与服务器的数据交互。通过源代码分析,我们可以更直观地理解这些概念。 首先,DataGrid控件的使用主要包括以下几个步骤: 1. **...
<mx:DataGrid x="10" y="10" height="368" dataProvider="{stuInfo.student}" dropEnabled="true" dragEnabled="true" dragMoveEnabled="true" width="216"> <mx:columns> <mx:DataGridColumn headerText="" data...
1. **定义DataGrid**:在MXML中,我们可以通过 `<mx:DataGrid>` 或 `<s:DataGrid>`(Spark版本)标签来创建DataGrid。DataGrid的列由`<mx:DataGridColumn>` 或 `<s:GridColumn>` 定义,每列对应数据集中的一个字段。...
最后,我们需要监听`PagingControl`的事件,如`change`事件,以便在用户切换页面时更新DataGrid: ```actionscript pagingCtrl.addEventListener(PagingEvent.CHANGE, onPagingChange); function onPagingChange...
在Flex项目中创建一个新的MXML组件,例如`CustomGridRow.mxml`,并继承自`mx.controls.dataGridClasses.DataGridItemRenderer`。 4. **渲染器中的逻辑处理**: 在自定义的渲染器中,我们可以根据数据提供器中的`is...
本文档旨在总结SG-UAP平台认证考试的知识点,涵盖了MX框架、Dataform、Datagrid、RESTClient、TabPage等多个方面的知识点,让读者快速了解SG-UAP平台认证考试的要点。 一、MX框架 1. 在Panel的标题右边添加Link...
原理就是ArrayCollection的filterFunction的使用。是根据老外一个帖子改的,其他下载地址在 :http://www.zuidaima.com/share/1714555305004032.htm
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="service.send()" > <mx:Scrip ... <mx:DataGrid width="300" dataProvider="{slides}"/> </mx:Application>
本文将详细介绍Flex中`DataGrid`控件的使用方法,包括通过MXML与ActionScript的不同实现方式,并给出具体的示例代码。 #### 二、创建DataGrid ##### MXML方式 在MXML中,创建`DataGrid`非常简单,只需要在XML文件中...
<mx:DataGrid id="myGrid"> <mx:columns> <mx:DataGridColumn dataField="myField" headerText="选择" renderer="com.MyCustomCheckboxRenderer"/> </mx:columns> </mx:DataGrid> ``` 这里的`...
<mx:DataGrid id="myDataGrid"> <mx:columns> <mx:DataGridColumn headerText="序列号" itemRenderer="com.yourpackage.SerialNumberItemRenderer" /> <!-- 其他列配置... --> </mx:columns> <!-- 数据源配置.....
<mx:DataGrid id="dgBooks" width="100%" height="100%"> <mx:columns> <mx:DataGridColumn dataField="title" headerText="Title"> <mx:itemRenderer> <mx:Component> <mx:HBox verticalAlign="middle"> <mx:...
6. **DataGrid列定义**:`<mx:DataGridColumn>` 定义了 `DataGrid` 的列,包括列头文本和数据字段。`dataField` 属性关联到XML节点的名称,如 `ID`、`name` 和 `age`。 ```xml <mx:columns> <mx:DataGridColumn ...
<mx:DataGrid dataProvider="{dataGriddataProvider}" width="100%" height="100%"> <mx:columns> <mx:DataGridColumn headerText="字段1" dataField="field1"/> <mx:DataGridColumn headerText="字段2" data...
在DataGrid的`<mx:columns>`或`<s:columns>`标签中,为包含图片的列指定你的自定义ItemRenderer。 ### 方法二:使用CellFactory 1. **创建CellFactory**: 创建一个类,实现`mx.controls.listClasses....