flex s:DataGridでのソート
2011/08/12
s:DataGridでカラムクリックで並べ替えをしたい。
- <?xml version="1.0" encoding="utf-8"?>
- <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
- xmlns:s="library://ns.adobe.com/flex/spark"
- xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
- <fx:Declarations>
- <!– 非ビジュアルエレメント (サービス、値オブジェクトなど) をここに配置 –>
- </fx:Declarations>
- <s:DataGrid requestedRowCount="4" sortableColumns="true">
- <s:columns>
- <s:ArrayCollection>
- <s:GridColumn dataField="dataField1" headerText="列 1"></s:GridColumn>
- <s:GridColumn dataField="dataField2" headerText="列 2"></s:GridColumn>
- <s:GridColumn dataField="dataField3" headerText="列 3"></s:GridColumn>
- </s:ArrayCollection>
- </s:columns>
- <s:ArrayCollection>
- <fx:Object dataField1="データ1" dataField2="データ4" dataField3="データ4"></fx:Object>
- <fx:Object dataField1="データ3" dataField2="データ3" dataField3="データ1"></fx:Object>
- <fx:Object dataField1="データ4" dataField2="データ2" dataField3="データ2"></fx:Object>
- <fx:Object dataField1="データ2" dataField2="データ1" dataField3="データ3"></fx:Object>
- </s:ArrayCollection>
- </s:DataGrid>
- </s:Application>
めも
「sortableColumns」を「true」にすればいいらしい。
※「ArrayList」ではなく「ArrayCollection」を使う。コレに気づくのにすごい時間かかった…。
DBと連携してるときは「flex DBと連携したs:DataGridでのソート」