`

Flex 中的 DataGrid 自动刷新(转)

    博客分类:
  • Flex
阅读更多

当修改 DataGrid 实例的数据, 即修改数据源(dataProvider) 的内容时,要实现 DataGrid 的自动刷新,有两步。

1.将数据源设置为绑定。比如 数据源 为 dataArray,要在声明时在上面加 [Bindable] 标签

[Bindable]
var dataArray:Array;

有关数据绑定可以看看我的另外一篇文章http://hi.baidu.com/think122/blog/item/54970bfa2aed732b4e4aea16.html

2.设置为绑定以后,当你修改数据时,DataGrid 实例不会显示新的数据,除非你鼠标点一下 DataGrid ,才会显示。

必须再手动进行刷新。DataGrid 有两个刷新函数,一个是下面的 invalidateList() ,这个函数用来刷新 DataGrid 的每一行,还有一个函数是 validateNow(),这个是在 DataGrid 的属性(大小,位置等)改变时,进行手动刷新的。我们要刷新纪录,就要用 invalidateList() 。所以在修改了数据后加上下面一行( dataGridInstance 是你的 DataGrid 实例)

dataGridInstance.invalidateList();

分享到:
评论

相关推荐

    Flex4 DataGrid控件行编辑项目

    在Flex4.6开发环境中,DataGrid控件是用于展示数据集合的重要组件,它提供了丰富的功能,如排序、分页和自定义列显示。在这个项目中,我们关注的是如何实现DataGrid的行编辑功能,特别是在行中嵌套ComboBox控件以...

    flex中dataGrid全选和全不选功能

    当复选框的状态改变时,实际上是在更新数据模型,这将触发DataGrid的自动刷新,保持视图与数据的一致性。 ```mxml ``` #### 3. SelectAllCheckboxHeaderRenderer的实现 这个类负责渲染列头的复选框,更重要的是...

    flex DataGrid设置dataProvider

    4. 更新视图:一旦数据提供者更新,`DataGrid`会自动刷新视图以显示新的数据。如果你需要在运行时动态添加或删除数据,只需更新数据提供者即可。 ```actionscript // 添加新项 data.addItem({name:"Item3", value:3...

    flex spark DataGrid 拖动删除

    5. **更新DataGrid**:删除操作完成后,通知DataGrid数据源已更改,它会自动刷新显示,移除相应的行。 6. **防止不必要的删除**:在实际应用中,通常需要添加确认对话框,以防用户意外触发删除操作。可以使用弹出...

    Flex datagrid实例

    在本实例中,我们关注的是如何有效地处理Flex DataGrid的数据刷新问题,这对于动态更新或者实时数据应用尤为重要。 在Flex编程中,DataGrid通常与数据提供者(如ArrayCollection或XMLListCollection)关联,通过...

    flex datagrid 中实现combobox联动

    在Flex编程中,数据网格(DataGrid)是用于展示大量结构化数据的组件,而ComboBox是一种下拉选择框,常用于提供用户可选择的选项。当我们需要在DataGrid的不同列中实现ComboBox的联动效果时,即在一个ComboBox的选择...

    Flex分页技术

    示例代码中的`sort_clickHandler`函数展示了如何设置排序字段和排序顺序,然后应用到数据源并刷新DataGrid显示。 ```actionscript private function sort_clickHandler(event:MouseEvent):void { _sort.fields =...

    FLEX双击左右移动表格中的数据

    修改数据源后,数据网格会自动刷新显示新的数据顺序。然而,有时我们可能需要额外的步骤,如重新选择当前项或刷新整个视图: ```actionscript dataGrid.validateNow(); // 更新视图 ``` 5. **示例代码**: 在...

    Flex 4.5 实现tree拖拽到任意组建

    本教程将详细介绍如何在Flex 4.5中实现Tree组件与任意组件之间的拖放操作,特别是将树形结构的数据拖拽到DataGrid中,并获取目标位置的全部数据进行添加。 1. **Flex 4.5的DragManager和DropTarget** Flex 4.5中的...

    FLex文档教程

    使用`[Bindable]`元数据标签声明可绑定的属性,这样当数据源发生变化时,UI会自动更新,无需手动刷新。 **五、Flex组件模型与协作** Flex的组件模型允许开发者和设计师进行分离式协作。组件设计可以独立于业务逻辑...

    FlexIn30Mins.ppt

    在示例中,`dataProvider`属性被绑定到`ws.getProducts.result`,这意味着当Web服务调用返回结果时,数据网格和折线图会自动更新显示这些数据,无需额外的代码来手动刷新界面。 Flex的编译过程涉及到将MXML和CSS...

    Flex开发实例--学习必备

    - Flex中的 **Form** 组件可以方便地创建表格布局,并且可以轻松管理表单中的输入字段。 - 支持多种输入类型,如文本框、复选框等。 #### 12. 基本组件 - Flex提供了大量的基本UI组件,如按钮、文本框、复选框等。 ...

    做flex项目的小技巧

    - 更新`ArrayCollection`的数据,页面上的列表会自动刷新。 ```actionscript logAC.addItem(new Item("新数据")); ``` 以上五个小技巧可以帮助开发者更高效地完成Flex项目的开发工作,提高用户体验。这些技巧...

    Flex 常用实现小功能的语句

    - **注意事项**:由于安全性和用户体验的原因,大多数现代浏览器限制了自动关闭窗口的功能,因此在实际应用中可能不会生效。 #### 3. 打开新链接 ```actionscript navigateToURL(new URLRequest('...

    flex3的cookbook书籍完整版dpf(包含目录)

    在DataGrid中搜索并自动滚屏到匹配项 6.11节. 使用GroupingCollection生成数据汇总 6.12节. 为GroupingCollection创建异步刷新 第七章:渲染器和编辑器(215) 7.1节.创建自己的渲染器 7.2 节. 使用ClassFactory ...

    IT技术文章示例

    AdvancedDataGrid是Flex框架中一种高级的数据网格控件,它提供了比标准DataGrid更多的功能,如分组、排序、过滤、多列排序等。实现全选和多选功能,通常需要通过监听AdvancedDataGrid的itemClick事件,并在事件...

    flex的tree动态加载大量数据与滚动条相关问题探讨

    在进行前端开发时,特别是在使用Adobe Flex技术构建富互联网应用(RIA)中,处理大量数据的动态加载以及在Tree组件中实现滚动条功能是一个常见的问题。这一问题不仅影响到用户体验,而且对性能和开发效率也有极大...

Global site tag (gtag.js) - Google Analytics