<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="450" fontFamily="宋体" fontSize="12" height="400">
<mx:Script>
<![CDATA[
import mx.controls.*;
import mx.events.ListEvent;
import mx.controls.dataGridClasses.*;
private var DataGrid1:DataGrid;
[Bindable]//原始数据
public var dataArr:Array = [{id:1,name:"苹果",count:100},
{id:2,name:"西瓜",count:200},
{id:3,name:"水蜜桃",count:50}]
private function addItem():void{
dataArr.push({id:uiId.value,name:uiName.text,count:uiCount.value})
DataGrid2.dataProvider = dataArr
}
private function delItem():void{
dataArr.pop();
DataGrid2.dataProvider = dataArr
}
private function itemClick(e:ListEvent):void {
Alert.show(DataGrid2.columns[0].headerText);
var txt:String = "表头为: "+(e.target as DataGrid).columns[e.columnIndex].headerText+"\n"
txt+="选中第 "+e.columnIndex+" 列\n"
txt+="选中第 "+e.rowIndex+" 行\n"
txt+="选中的行的数据为:\n"
var dat:Object = (e.target as DataGrid).selectedItem
for(var i:* in dat){
txt+=" "+i+":"+dat[i]+"\n"
}
txt+="选中的单元可格的数据为 "+(e.target as DataGrid).selectedItem[(e.target as DataGrid).columns[e.columnIndex].dataField]+" \n"
Alert.show(txt)
}
]]>
</mx:Script>
<mx:DataGrid id="DataGrid2" itemClick="itemClick(event)" dataProvider="{dataArr}" width="430" y="10" x="10" height="208">
<mx:columns>
<mx:DataGridColumn headerText="序号" dataField="id"/>
<mx:DataGridColumn headerText="名称" dataField="name"/>
<mx:DataGridColumn headerText="数量" dataField="count" editorDataField="value"/>
</mx:columns>
</mx:DataGrid>
<mx:NumericStepper id="uiId" x="10" y="241" width="150"/>
<mx:TextInput id="uiName" x="10" y="288" width="150"/>
<mx:NumericStepper id="uiCount" x="10" y="335" width="150"/>
<mx:Label x="10" y="224" text="序号:"/>
<mx:Label x="10" y="271" text="名称:"/>
<mx:Label x="10" y="318" text="数量:"/>
<mx:Button click="addItem()" x="10" y="368" label="添加" width="150"/>
<mx:Button click="delItem()" x="290" y="368" label="删除最后一个" width="150"/>
</mx:Application>
分享到:
相关推荐
这个主题——"flex 自定义 datagrid 列头带组合框进行过滤",涉及到的关键知识点包括Flex组件定制、DataGrid列头的扩展以及ComboBox控件的使用。 1. Flex组件定制: 在Flex中,我们可以使用MXML和ActionScript来...
本篇文章将详细讲解如何在Flex中获取DataGrid的行号和列号,并提供示例代码。 一、获取行号 获取DataGrid的行号主要涉及到鼠标位置和DataGrid的布局属性。以下是一个简单的示例代码: ```actionscript // 获取...
在Flex开发中,数据网格(DataGrid)是一种常用的组件,用于显示二维表格数据。它能够灵活地处理大量数据,并提供排序、筛选等多种功能。而动态生成DataGrid表头则是在运行时根据数据源来创建列,这在处理未知数量或...
在Flex开发中,"flex下拉dataGrid"是一种常见的用户界面组件组合,它结合了下拉菜单(Dropdown)和数据网格(DataGrid)的功能,用于提供丰富的数据选择体验。这样的设计通常用于当用户需要从一个较大的数据集合中...
// 获取Datagrid的所有数据 var data:ArrayCollection = myGrid.dataProvider as ArrayCollection; // 创建一个新的Excel工作簿 var workbook:Workbook = new Workbook(); // 添加新的工作表 var sheet:Sheet = ...
2. **设置Datagrid列的renderer属性**:在Datagrid的定义中,找到你想添加复选框的列,并将renderer属性设置为我们刚才创建的自定义Renderer。 ```mxml <mx:DataGrid id="myGrid"> 选择" renderer=...
在Flex客户端,你需要遍历DataGrid的所有行和列,收集其显示的数据。你可以通过遍历DataGrid的items属性来获取所有数据项,然后访问每个item的children来获取单元格值。记得只提取可见的和有数据的单元格,因为...
在Flex开发中,数据网格(DataGrid)是用于展示大量结构化数据的常用组件。它允许用户以表格形式查看和操作数据。然而,有时我们可能需要根据数据的特定值来改变DataGrid中单元格的样式,例如颜色。这就涉及到了...
DataGrid是Flex中用于显示和编辑结构化数据的组件,它可以显示多行和多列的数据,并且支持排序、选择和编辑功能。在Flex4中,DataGrid有了更多的定制选项和性能优化,使得它在处理大量数据时更为高效。 2. **...
6. **DataGrid列定义**:`<mx:DataGridColumn>` 定义了 `DataGrid` 的列,包括列头文本和数据字段。`dataField` 属性关联到XML节点的名称,如 `ID`、`name` 和 `age`。 ```xml 姓名" dataField="name"/> 年龄...
Flex DataGrid 是 Adobe Flex 中一个重要的组件,用于展示结构化数据。它以表格形式呈现,非常适合用来显示多列数据,并提供了排序、选择、编辑等多种功能。在这个教程中,我们将深入探讨 DataGrid 的基本使用和一些...
在Flex开发中,数据网格(DataGrid)是用于展示数据集合的强大组件,它允许用户以表格形式查看和操作数据。本示例关注的是在DataGrid中嵌套复选框(Checkbox),并实现全选功能。这在需要用户批量选择或操作数据的...
2. **捕获DataGrid数据**:在导出Excel之前,你需要获取DataGrid中显示的所有数据。这可以通过遍历DataGrid的items或使用Flex提供的数据绑定机制来实现。将每个单元格的数据保存到一个二维数组中,以模拟Excel的行和...
我们需要将从服务器获取的Java对象转换为这些数据集,然后绑定到DataGrid,以实现数据的动态展示。 4. **DataGrid配置**:定义DataGrid的列结构,包括列标题、数据类型以及如何从数据源提取数据。可以使用MXML或...
ItemRenderer是DataGrid列中每个单元格的外观和行为定制组件。我们可以通过继承MX的ListBase类或者UIComponent类来创建自定义的ItemRenderer。 **3. 自定义ItemRenderer** 创建自定义ItemRenderer时,首先需要在....
在本文中,我们将深入探讨如何在Flex中设置`DataGrid`的数据提供者(`dataProvider`),以便动态地填充数据。`DataGrid`是Adobe Flex中一个非常重要的组件,它用于显示和操作网格形式的数据。理解如何有效地设置数据...
本实例即展示了如何在Flex DataGrid中实现多列复选框的功能,同时避免了常见的拖动滚动条导致的混乱问题。 首先,我们需要创建一个自定义的CellRenderer,这个CellRenderer将负责在每个单元格中显示复选框。在...
### Flex中DataGrid某列显示值的自定义与字体颜色更改 #### 一、自定义DataGridColumn显示值 在Flex中,我们可以通过多种方式来定制DataGrid中的DataGridColumn的显示内容,例如更改显示的文本或者根据不同的条件...
总结起来,实现Flex Datagrid checkbox全选功能主要涉及自定义数据列、表头渲染器和行渲染器,通过事件监听和状态同步来达到全选的效果。在实际应用中,可能还需要处理部分选中、反选等复杂逻辑,但上述步骤提供了一...