Flex中如何重新设置DataGrid控件的排序的例子

接下来的例子演示了Flex中如何通过设置ArrayCollection数据提供源的sort属性为 null并且用refresh()事件刷新数组数据集来重新设置DataGrid控件的排序。

让我们先来看一下Demo（可以右键View Source或 点击这里察看源代码 ）：

Download: main.mxml

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             import mx.collections.Sort;
11.             private function refreshSort():Boolean {
12.                 arrColl.sort = null;
13.                 return arrColl.refresh();
14.             }
15.         ]]>
16.     </mx:Script>
18.     <mx:ArrayCollection id="arrColl">
19.         <mx:source>
20.             <mx:Array>
21.                 <mx:Object en="One" fr="Un" es="Uno" />
22.                 <mx:Object en="Two" fr="Deux" es="Dos" />
23.                 <mx:Object en="Three" fr="Trois" es="Tres" />
24.                 <mx:Object en="Four" fr="Quatre" es="Cuatro" />
25.                 <mx:Object en="Five" fr="Cinq" es="Cinco" />
26.                 <mx:Object en="Six" fr="Six" es="Seis" />
27.                 <mx:Object en="Seven" fr="Sept" es="Siete" />
28.                 <mx:Object en="Eight" fr="Huit" es="Ocho" />
29.                 <mx:Object en="Nine" fr="Neuf" es="Nueve" />
30.                 <mx:Object en="Ten" fr="Dix" es="Diez" />
31.             </mx:Array>
32.         </mx:source>
33.     </mx:ArrayCollection>
35.     <mx:ApplicationControlBar dock="true">
36.         <mx:Button label="Reset sort"
37.                 click="refreshSort();" />
38.     </mx:ApplicationControlBar>
40.     <mx:DataGrid id="dataGrid"
41.             dataProvider="{arrColl}"
42.             rowCount="6"
43.             verticalScrollPolicy="on">
44.         <mx:columns>
45.             <mx:DataGridColumn dataField="en"
46.                     headerText="English:" />
47.             <mx:DataGridColumn dataField="fr"
48.                     headerText="French:" />
49.             <mx:DataGridColumn dataField="es"
50.                     headerText="Spanish:" />
51.         </mx:columns>
52.     </mx:DataGrid>
54. </mx:Application>