下面是完整代码:
Download: main.mxml<?xml version="1.0" encoding="utf-8"?>
<mx:Application name="DataGrid_collectionChange_test"
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white"
initialize="init();">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CollectionEvent;
private function init():void {
dataGrid.addEventListener(CollectionEvent.COLLECTION_CHANGE, dataGrid_collectionChange);
}
private function btn_click(evt:MouseEvent):void {
var fontArr:Array = Font.enumerateFonts(true);
dataGrid.dataProvider = fontArr.sortOn("fontName");
}
private function dataGrid_collectionChange(evt:CollectionEvent):void {
Alert.show("The DataGrid control's data provider has changed.", evt.type);
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Button id="btn"
label="Click me to set DataGrid data provider"
click="btn_click(event);" />
</mx:ApplicationControlBar>
<mx:DataGrid id="dataGrid"
width="400" />
</mx:Application>
转载自:http://hi.baidu.com/tiankui6658/blog/item/e62dac885f23e79ea4c272eb.html
分享到:
相关推荐
在Flex中,我们可以通过设置Datagrid的pageSize属性和实现IList接口的数据源来实现分页。 动态绑定数据源是Flex中数据驱动开发的核心特性。在Flex中,我们可以将数据源与组件直接关联,当数据源发生改变时,关联的...
在“FLEX的一个DataGrid例子”中,我们可能会看到如何创建和配置DataGrid,以及如何与后台数据源进行绑定。 1. **创建DataGrid**: 在Flex中,创建DataGrid通常是通过MXML代码实现的。在MXML文件中,我们可以定义...
在Flex中,通常使用ArrayCollection或HierarchicalData作为数据源。这些数据结构支持对数据进行分组操作。你可以通过调用`group()`方法并传入要分组的字段来实现。 2. **定义数据提供者**:在DataGrid组件中,使用`...
DataGrid由多个列(columns)组成,每个列包含多个单元格(cells),这些单元格对应于数据源中的记录。在Flex中,我们可以使用ItemRenderer来自定义单元格的显示方式,包括改变背景颜色。 1. **自定义ItemRenderer*...
这可以通过监听DataGrid的click事件并在事件处理函数中调用beginEdit()方法来完成。 4. 编辑完成后,保存更改。这通常在用户按下Enter键或者离开当前单元格时触发,需要监听键盘事件或CellEditor的事件。 四、添加...
Flex中的数据源通常是`ArrayCollection` 或 `XMLListCollection`,它们是可迭代的集合,可以绑定到DataGrid上。假设我们有一个包含多条记录的数据集,我们可以这样设置: ```actionscript var dataProvider: ...
总的来说,实现Flex DataGrid标题栏添加复选框并使其与数据行的复选框联动,涉及到自定义HeaderRenderer和CellRenderer,以及对数据源和事件处理的深入理解。这需要开发者具备良好的Flex编程基础和组件定制能力。...
我们可以通过监听DataGrid的事件或者直接操作其子元素来改变行的样式。 1. 自定义ItemRenderer 要改变某一行的背景颜色,最常用的方法是创建一个自定义的ItemRenderer。ItemRenderer是DataGrid中每个单元格的可视化...
- 其次,为全选复选框添加事件监听器,比如`change`事件,当其状态改变时,遍历DataGrid的所有记录,通过`itemrenderer`中的复选框设置选中状态。 - 数据绑定可能涉及使用`selected`属性来同步复选框和数据模型的...
3. **处理复选框的事件**:为了响应用户的点击事件,我们需要在自定义Renderer中添加事件监听器,通常会监听CheckBox的`change`事件,然后根据需要更新数据源。 4. **双向绑定**:为了确保Datagrid的数据源和复选框...
实现Flex DataGrid的前台分页,首先需要确保数据源能够一次性加载所有数据。这可能意味着你需要有足够的内存来处理这些数据,否则可能会导致性能问题。在获取数据后,你可以使用DataGrid的`dataProvider`属性来绑定...
Flex DataGrid 是 Adobe Flex 中一个重要的组件,...在实际应用中,还可以结合事件监听、自定义样式和皮肤等高级特性,使得 DataGrid 更加符合项目需求。对于 Flex 开发者来说,掌握 DataGrid 的使用是非常重要的技能。
- 监听DataGrid的事件,如`change`、`sort`和`itemClick`,以便响应用户的操作,更新业务逻辑或数据源。 - 使用CommandPattern或ObserverPattern进行事件驱动编程,提高代码的可维护性和灵活性。 综上所述,"flex...
在Flex开发中,DataGrid控件是用于展示数据集的常用组件,它可以显示表格形式的数据并支持用户交互,如排序、选择和编辑。然而,有时我们可能需要对DataGrid的默认排序功能进行自定义,以满足特定的业务需求。本教程...
2. **事件监听**:为ComboBox的打开事件添加监听器,在事件触发时加载DataGrid,并设置其数据源。 3. **布局管理**:处理好两个组件的相对位置和大小,确保下拉时DataGrid能正确显示。 4. **关闭处理**:当用户在...
这可以通过监听数据源的事件(如collectionChange),然后动态更新总计值来实现。另外,也可以使用mx.formatters.NumberFormatter进行数值格式化,确保显示的总计值符合预期格式。 3. **自定义ItemRenderer**:如果...
在Flex开发中,数据展示是常见且重要的任务之一,而DataGrid组件因其强大的数据呈现和交互能力,常常被用于复杂的数据显示。本知识点将详细介绍如何在Flex 4.5环境中将Excel和CSV文件导入到DataGrid中,以及如何...
3. **事件监听**:在Flex中,可以监听数据提供者的`collectionChange`事件,以在数据改变时自动更新DataGrid。对于复选框,你可能还需要监听`change`事件,以便在用户更改选择时处理业务逻辑。 4. **DataGrid的...
在Flex中,可以通过监听DataGrid的`collectionChange`事件,或者使用FilterManager类来实现。在示例代码中没有直接展示过滤功能,但可以添加一个文本输入框,监听其`textChanged`事件,根据输入的条件过滤数据源。 ...