データ テンプレートを ItemTemplate セレクターに提供することは理解していますが、表示したい項目がデータの一部ではありません。たとえば、教室に次のような子供のリストがあるとします。
- マーク・アンダーソン
- サラ・バッキンガム
- デイブ・クリスティ
- ジェニ・トンプソン。
姓の最初の文字を使用してデータを整理しています。学生 (FirstName、LastName) を表す dataItems を groupedItemList に渡すと、
'groupedItemList = itemList.createGrouped(
function getGroupKey(dataItem) {
return dataItem.LastName.toUpperCase().charAt(0);
},
function getGroupData(dataItem) {
return {
Name: dataItem.LastName.toUpperCase().charAt(0)
};
},
function compareGroups(left, right) {
return left.toUpperCase().charCodeAt(0) - right.toUpperCase().charCodeAt(0);
}
),`
セマンティック ズーム アウトには、次の文字のみが含まれます
A, B, C, T.
アルファベットのすべての文字のリストが必要であり、アイテムを持たない文字が別の視覚的処理を受けるようにスタイルを設定します。