Вертикально ориентированный Metro WinJS ListView в групповом режиме

Я бьюсь головой о стену, пытаясь реализовать ListView со сгруппированными элементами, которые отображаются так же, как WP7 LongListSelector, показанный ниже. Я попытался добавить класс win-vertical к элементу с data-win-control="WinJS.UI.ListView", но, поскольку win-vertical, похоже, применяется только к области просмотра, которая не работает. Любая помощь будет принята с благодарностью.

введите здесь описание изображения


person Oliver Weichhold    schedule 09.07.2012    source источник


Ответы (1)


Какой вид ListView Layout вы используете? Использование ListLayout вместо GridLayout меняет направление прокрутки с горизонтального на вертикальное. Но я не вижу простого способа добавить заголовок группы для представления списка ListLayout. Для GridLayout есть свойство groupHeaderPosition, но у объекта ListLayout этого свойства нет. (Кто-то на самом деле жаловался на то же самое... в конце этого page) Таким образом, вам может понадобиться взломать имена групп, добавив фиктивный элемент «имя группы» в ваш источник данных и отсортировав его должным образом.

Ссылка:

http://msdn.microsoft.com/en-us/library/windows/apps/br211837.aspx

http://msdn.microsoft.com/en-us/library/windows/apps/br211792.aspx

person louis.luo    schedule 09.07.2012
comment
Я использую GridLayout, поскольку, как вы упомянули, ListLayout не поддерживает заголовки групп. - person Oliver Weichhold; 09.07.2012