`

使用 <mx:DataGrid> <mx:Object>显示一个表格

    博客分类:
  • flex
阅读更多

使用<mx:Object>来存储(一行)数据:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >
 <mx:Panel width="444" height="256" layout="absolute" title="使用Object组件">
  <mx:DataGrid x="13" y="17" width="401" height="173">
  
  <mx:dataProvider>
   <mx:Object  name="John Smith" department="技术部" email="john@163.com" />
   <mx:Object  name="Tom Steve" department="人力资源部" email="tom@163.com" />
   <mx:Object  name="fisher Steve" department="人力资源部" email="fisher@163.com" />
  </mx:dataProvider>
 </mx:DataGrid>
 </mx:Panel>
</mx:Application>

分享到:
评论

相关推荐

    FLEX操作XML&JSON

    用户界面包括一个`&lt;mx:DataGrid&gt;`显示股票价格,通过`&lt;mx:HSlider&gt;`实现数据过滤,显示特定日期范围内的数据。 2. **动态界面**:通过监听滑动条事件,调整`&lt;mx:DataGrid&gt;`的数据源,实现界面的实时更新。 总结,...

    在Flex的DataGrid中使用CheckBox

    - DataGrid 是 Flex 提供的一个用于显示数据表格的组件,它支持各种列类型,可以自定义单元格渲染器。 3. **CheckBox 组件:** - CheckBox 是一个表示复选框的小方框,用于收集用户的布尔选择(即 true 或 false...

    Flex使用弹出窗口为DataGrid添加新数据

    &lt;mx:DataGrid dataProvider="{dataGriddataProvider}" width="100%" height="100%"&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn headerText="字段1" dataField="field1"/&gt; &lt;mx:DataGridColumn headerText="字段2" data...

    Flex教程之DataGrid用法

    在Flex开发中,`DataGrid`是一个非常重要的UI组件,它能够以表格形式展示数据集合,支持数据的排序、筛选等功能。本文将详细介绍Flex中`DataGrid`控件的使用方法,包括通过MXML与ActionScript的不同实现方式,并给出...

    flex导出excel的代码

    &lt;mx:CheckBox change=" {outerDocument.doSelect(data as Object)} " /&gt; &lt;/mx:Component&gt; &lt;/mx:itemRenderer&gt; &lt;/mx:DataGridColumn&gt; &lt;mx:DataGridColumn headerText="names" dataField="names" width="200" /&gt;...

    flex4 dataGrid 日期格式转换

    &lt;mx:DataGrid id="dataGrid" dataProvider="{arrColl}"&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn dataField="name" headerText="Name:" /&gt; &lt;mx:DataGridColumn dataField="dob" headerText="Date of birth:" ...

    flex datagrid中实现显示序列号

    &lt;mx:DataGrid id="myDataGrid"&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn headerText="序列号" itemRenderer="com.yourpackage.SerialNumberItemRenderer" /&gt; &lt;!-- 其他列配置... --&gt; &lt;/mx:columns&gt; &lt;!-- 数据源配置.....

    Flex技术中AdvancedDataGrid使用方法

    通过在第一列显示一个可展开和折叠的导航树来控制表格中各层级数据的显示。 **实现步骤:** 1. **定义数据源:** 需要定义一个包含分层结构的数据源。 2. **配置`AdvancedDataGrid`:** 在`AdvancedDataGrid`中配置...

    flex 中datagrid 动态攺变行颜色

    Datagrid是MX组件库中的一个控件,它允许我们显示二维的数据集合,并支持排序、分页和选择功能。默认情况下,Datagrid会按照预设的样式显示每一行,但我们可以自定义样式来满足特殊需求。 要动态改变行颜色,主要...

    改变flex DataGrid单元格字体颜色

    &lt;mx:DataGrid id="myDataGrid" dataProvider="{myDataProvider}"&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn headerText="列1" dataField="field1" itemRenderer="com.mycompany.CustomCellRenderer"/&gt; &lt;!-- 更多列配置.....

    Flex动态创建DataGrid设置图片

    首先,我们需要创建一个自定义的ItemRenderer类,该类继承自`mx.controls.listClasses.ListItemRenderer`或`spark.components.supportClasses.ListItemRenderer`(根据你使用的Flex SDK版本)。在ItemRenderer中,...

    Flex(mx:DataGrid)实现数据过滤显示

    MX:DataGrid是Flex中的一个组件,用于展示数据集并进行交互操作,如排序、选择和编辑。本篇文章将重点讲解如何在Flex中利用MX:DataGrid实现数据过滤显示的功能。 首先,数据过滤是指根据特定条件筛选数据,只显示...

    Flex创建用户界面

    - `&lt;s:Application&gt;`:定义了一个Flex应用的基本结构。 - `&lt;s:Label&gt;` 和 `&lt;s:Button&gt;`:用于创建静态文本和按钮。 - `&lt;s:DataGrid&gt;`:用于展示表格数据。 - `&lt;s:columns&gt;`:定义列的信息。 - `&lt;s:typicalItem&gt;...

    flex 映射DataGrid,修改DataGridColumn显示值

    &lt;mx:DataGrid id="dataGrid" dataProvider="{itemsXML.item}" width="386" x="10" y="10"&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn headerText="价格" dataField="@price" itemRenderer="DataGridColumnFontItemRender" ...

    FLex连接数据

    - 使用`&lt;s:DataGrid&gt;`定义了一个数据网格`empDg`,用于显示从数据库获取的员工信息。 **6. 数据获取逻辑** - 在`empDg_creationCompleteHandler`函数中,通过`employeeService.getEmployees()`调用了数据服务方法...

    Flex调用WebService访问MSSQL数据库

    1. `&lt;mx:WebService&gt;` 标签:这是定义一个WebService客户端的地方,`id="WS"` 用于标识这个服务,`wsdl` 属性指定WebService的WSDL(Web Service Description Language)地址,这是描述服务接口的XML文档。...

    怎样在flex的datagrid中运用checkbox

    首先,我们需要在DataGrid的列定义中添加一个CheckBox组件。在MXML中,你可以通过以下方式创建一个包含复选框的列: ```xml &lt;mx:DataGridColumn dataField="isSelected" headerText="选择"&gt; &lt;mx:itemRenderer&gt; ...

    Flex中如何根据每行内容设置不同底色

    在`DataGrid`的`&lt;mx:columns&gt;`标签内,为需要显示不同背景色的列指定`itemRenderer`属性。例如: ```xml &lt;mx:DataGrid id="myGrid"&gt; &lt;mx:columns&gt; &lt;mx:DataGridColumn dataField="name" headerText="Name"/&gt; ...

    Flex中DataGrid内嵌CheckBox的全选反选和防止选择状态错乱实现方法

    首先,我们需要创建一个自定义的DataGrid列类,这个类将扩展mx.controls.gridClasses.GridColumn,并且包含一个CheckBox组件。在自定义列类中,我们需要处理CheckBox的点击事件,以便同步DataGrid的选中状态。以下是...

Global site tag (gtag.js) - Google Analytics