Как правильно применять WinJS.Binding.Template ListView GridLayout CSS?

Question

Из этого примера: http://code.msdn.microsoft.com/windowsapps/ListView-item-templates-7d74826f

Я попытался выделить сценарий 5 в свой собственный проект, но получаю следующий результат:

оригинал (правильный): верх.

изолированные (неверно): внизу.

Это, очевидно, проблема, связанная с CSS, но я не могу понять, что нужно изменить, чтобы элементы отображалисьправильно.

Answer 1

это просто результат моего незнания JavaScript:

при использовании «строгого» ключом является groupInfo в привязке списка.установить его вручную через javascript:

WinJS.UI.setOptions(listView5, {
        itemDataSource: myData4.dataSource,
        layout: { type: WinJS.UI.GridLayout, groupInfo: groupInfo }
});