[Xuni:FlexGrid] グループ化したデータグリッドを表示する方法(Xamarin.Forms)
対象製品
Xuni
詳細
FlexGridを利用してデータをグリッド形式で一覧表示する場合、グループ化機能を利用することで、
指定したキーに基づいたグループ表示が可能になります。
FlexGridでは、表示するデータを保持するオブジェクトとして同じXuniに含まれるコンポーネント「CollectionView」を利用し、
これをデータバインドして利用しています。
このCollectionViewに設定したデータをグループ化することで、前述の図のように表示できます。
サンプルコード
C#(Xamarin.Forms)
Xuni > 技術情報 > ドキュメント > CollectionView-機能-グループ化
指定したキーに基づいたグループ表示が可能になります。
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-機能-グループ化