Flex中如何通过监听collectionChange事件检测DataGrid的数据源是否改变的例子
By Minidxer | June 6, 2009
接下来的例子演示了Flex中如何通过监听collectionChange事件,检测DataGrid的数据源是否改变。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
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>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
DataGrid |
No Comments » |
2,027 views
Tags: collectionChange, DataGrid, dataProvider