[Xuni:FlexGrid] グループ化したデータグリッドを表示する方法(Xamarin.Forms)

文書番号 : 81963     文書種別 : 使用方法     登録日 : 2017/02/02     最終更新日 : 2017/02/02
文書を印刷する
対象製品
Xuni
詳細
FlexGridを利用してデータをグリッド形式で一覧表示する場合、グループ化機能を利用することで、
指定したキーに基づいたグループ表示が可能になります。




FlexGridでは、表示するデータを保持するオブジェクトとして同じXuniに含まれるコンポーネント「CollectionView」を利用し、
これをデータバインドして利用しています。

このCollectionViewに設定したデータをグループ化することで、前述の図のように表示できます。

サンプルコード
C#(Xamarin.Forms)
// FlexGridのオブジェクトからCollectionViewを取得
var cv = grid.CollectionView as Xuni.CollectionView.XuniCollectionView;
// グループ化のキーとなる列の名称を指定してグループ化
cv.GroupAsync("City");
// グループ化を設定したCollectionViewをFlexGridのItemsSourceに再設定
grid.ItemsSource = cv;


Xuni > 技術情報 > ドキュメント > CollectionView-機能-グループ化
関連情報