`

Flex中如何通过监听collectionChange事件检测DataGrid的数据源是否改变的例子

    博客分类:
  • FLEX
阅读更多
下面是完整代码:

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分页 动态绑定数据源

    在Flex中,我们可以通过设置Datagrid的pageSize属性和实现IList接口的数据源来实现分页。 动态绑定数据源是Flex中数据驱动开发的核心特性。在Flex中,我们可以将数据源与组件直接关联,当数据源发生改变时,关联的...

    FLEX的一个DataGrid例子

    在“FLEX的一个DataGrid例子”中,我们可能会看到如何创建和配置DataGrid,以及如何与后台数据源进行绑定。 1. **创建DataGrid**: 在Flex中,创建DataGrid通常是通过MXML代码实现的。在MXML文件中,我们可以定义...

    flex DataGrid 表头分组

    在Flex中,通常使用ArrayCollection或HierarchicalData作为数据源。这些数据结构支持对数据进行分组操作。你可以通过调用`group()`方法并传入要分组的字段来实现。 2. **定义数据提供者**:在DataGrid组件中,使用`...

    flex DataGrid改变指定行的背景颜色

    DataGrid由多个列(columns)组成,每个列包含多个单元格(cells),这些单元格对应于数据源中的记录。在Flex中,我们可以使用ItemRenderer来自定义单元格的显示方式,包括改变背景颜色。 1. **自定义ItemRenderer*...

    Flex4 DataGrid控件行编辑项目

    这可以通过监听DataGrid的click事件并在事件处理函数中调用beginEdit()方法来完成。 4. 编辑完成后,保存更改。这通常在用户按下Enter键或者离开当前单元格时触发,需要监听键盘事件或CellEditor的事件。 四、添加...

    Flex创建可编辑以及分页的DataGrid

    Flex中的数据源通常是`ArrayCollection` 或 `XMLListCollection`,它们是可迭代的集合,可以绑定到DataGrid上。假设我们有一个包含多条记录的数据集,我们可以这样设置: ```actionscript var dataProvider: ...

    flex datagrid 标题栏添加 checkbox 和 数据行 checkbox 连动

    总的来说,实现Flex DataGrid标题栏添加复选框并使其与数据行的复选框联动,涉及到自定义HeaderRenderer和CellRenderer,以及对数据源和事件处理的深入理解。这需要开发者具备良好的Flex编程基础和组件定制能力。...

    Flex DataGrid 改变某一行的背景颜色

    我们可以通过监听DataGrid的事件或者直接操作其子元素来改变行的样式。 1. 自定义ItemRenderer 要改变某一行的背景颜色,最常用的方法是创建一个自定义的ItemRenderer。ItemRenderer是DataGrid中每个单元格的可视化...

    flex datagrid 嵌套checkbox实现全选

    - 其次,为全选复选框添加事件监听器,比如`change`事件,当其状态改变时,遍历DataGrid的所有记录,通过`itemrenderer`中的复选框设置选中状态。 - 数据绑定可能涉及使用`selected`属性来同步复选框和数据模型的...

    Flex Datagrid checkbox实现

    3. **处理复选框的事件**:为了响应用户的点击事件,我们需要在自定义Renderer中添加事件监听器,通常会监听CheckBox的`change`事件,然后根据需要更新数据源。 4. **双向绑定**:为了确保Datagrid的数据源和复选框...

    flex datagrid 前台 分页

    实现Flex DataGrid的前台分页,首先需要确保数据源能够一次性加载所有数据。这可能意味着你需要有足够的内存来处理这些数据,否则可能会导致性能问题。在获取数据后,你可以使用DataGrid的`dataProvider`属性来绑定...

    flex datagrid

    Flex DataGrid 是 Adobe Flex 中一个重要的组件,...在实际应用中,还可以结合事件监听、自定义样式和皮肤等高级特性,使得 DataGrid 更加符合项目需求。对于 Flex 开发者来说,掌握 DataGrid 的使用是非常重要的技能。

    flex 三状态多选 自动分页DataGrid

    - 监听DataGrid的事件,如`change`、`sort`和`itemClick`,以便响应用户的操作,更新业务逻辑或数据源。 - 使用CommandPattern或ObserverPattern进行事件驱动编程,提高代码的可维护性和灵活性。 综上所述,"flex...

    Flex中如何创建自定义排序DataGrid控件的例子

    在Flex开发中,DataGrid控件是用于展示数据集的常用组件,它可以显示表格形式的数据并支持用户交互,如排序、选择和编辑。然而,有时我们可能需要对DataGrid的默认排序功能进行自定义,以满足特定的业务需求。本教程...

    flex下拉dataGrid

    2. **事件监听**:为ComboBox的打开事件添加监听器,在事件触发时加载DataGrid,并设置其数据源。 3. **布局管理**:处理好两个组件的相对位置和大小,确保下拉时DataGrid能正确显示。 4. **关闭处理**:当用户在...

    flex datagrid 表格 合计

    这可以通过监听数据源的事件(如collectionChange),然后动态更新总计值来实现。另外,也可以使用mx.formatters.NumberFormatter进行数值格式化,确保显示的总计值符合预期格式。 3. **自定义ItemRenderer**:如果...

    Flex4.5导入Excel/csv到DataGrid及DataGrid右键

    在Flex开发中,数据展示是常见且重要的任务之一,而DataGrid组件因其强大的数据呈现和交互能力,常常被用于复杂的数据显示。本知识点将详细介绍如何在Flex 4.5环境中将Excel和CSV文件导入到DataGrid中,以及如何...

    Flex datagrid实例

    3. **事件监听**:在Flex中,可以监听数据提供者的`collectionChange`事件,以在数据改变时自动更新DataGrid。对于复选框,你可能还需要监听`change`事件,以便在用户更改选择时处理业务逻辑。 4. **DataGrid的...

    Flex分页技术

    在Flex中,可以通过监听DataGrid的`collectionChange`事件,或者使用FilterManager类来实现。在示例代码中没有直接展示过滤功能,但可以添加一个文本输入框,监听其`textChanged`事件,根据输入的条件过滤数据源。 ...

Global site tag (gtag.js) - Google Analytics