私はWindowsStore用のアプリを開発しており、data.jsの最初のコードにいくつかの変更を加えました。
var sampleItems = [
{ group: sampleGroups[0], itemClass: "item2", title: "Pupusas:", subtitle: "Item Subtitle: 1", description: itemDescription, content: itemContent, backgroundImage: "/images/dishes/horizontal/comidas.jpg" },
{ group: sampleGroups[0], itemClass: "item", title: "Atol Shuco:", subtitle: "Item Subtitle: 2", description: itemDescription, content: itemContent, backgroundImage: "/images/dishes/thumbnails/bebidas/atol_shuco.jpg" },
{ group: sampleGroups[0], itemClass: "item", title: "Pan con Pollo:", subtitle: "Item Subtitle: 3", description: itemDescription, content: itemContent, backgroundImage: "/images/dishes/thumbnails/comidas/pan_pollo.jpg" },
{ group: sampleGroups[0], itemClass: "item", title: "Nuegados de Huevo:", subtitle: "Item Subtitle: 4", description: itemDescription, content: itemContent, backgroundImage: "/images/dishes/thumbnails/postres/nuegados.jpg" },
{ group: sampleGroups[0], itemClass: "item", title: "Frijoles Borrachos:", subtitle: "Item Subtitle: 5", description: itemDescription, content: itemContent, backgroundImage: "/images/dishes/thumbnails/comidas/frijoles_borrachos.jpg" }];
ご覧のとおり、使用するCSSのクラスであるitemClassというプロパティを追加しました。これが結果です: http ://social.msdn.microsoft.com/Forums/getfile/214473
私はそれがうまくいくことを知っていますが、私の問題はあなたが見るすべての写真がアイテムであり、大きなものはグループでなければならないということです、私は方法がわかりませんが、groupedItem.jsのグループとアイテムのコードを持っていますそれらをマージします。これはコードです。両方とも_initializeLayoutに含まれている必要があり ます: elseの関数(listView、viewState):これはアイテム用です:
listView.itemDataSource = Data.items.dataSource;
listView.groupDataSource = Data.groups.dataSource;
これはグループ向けです:
listView.itemDataSource = Data.groups.dataSource;
listView.groupDataSource = null;
知りたいのですが、どうすれば「item2」を識別できますか?そして、アイテムの中のグループを選びました。