Winjs - приложение для Windows Store. Как отображать динамический список ListView для каждого раздела концентратора?

Question

Я создаю новый проект с использованием шаблона Hub App. Концентратор будет иметь 3 секции, каждый раздел будет иметь элемент управления listView для отображения элементов, которые я вызываю с веб-сервера. В разделе 1 будут показаны самые популярные предметы, в разделе 2 будут показаны наивысшие позиции, в разделе 3 будут показаны новые предметы. Каков правильный способ получения данных с веб-сервера? Должен ли я использовать WinJS.xhr 3 раза для подключения к серверу через 3 urls popular.php, toprate.php, newest.php для извлечения json-данных, чтобы связать его с 3-мя элементами управления списком? Thanks

Answer 1

Управление концентратором было разработано для работы с разрозненными источниками данных, то есть для размещения нескольких элементов управления ListView, каждый из которых извлекается из разных источников. Без контроля Hub люди пытались объединить разрозненные источники, чтобы создать один источник для одного ListView, затем пришлось использовать шаблоны и группировки, чтобы попытаться отделить части. Как и следовало ожидать, это было грязно.

Итак, в вашем случае да, используйте несколько HTTP-запросов для получения разных бит данных, создайте с каждым из них WinJS.Binding.List (или другой соответствующий источник данных), и у каждого узла раздела концентратора отдельный ListView ,

Обратите внимание, что если вам не нужна полная интерактивность ListView или длина списка переменных, вы можете использовать WinJS.UI.Repeater, чтобы просто реплицировать несколько элементов из того же шаблона, используя WinJS.Binding.List в качестве данных источник.

Проверите HTML Hub Control sample in the SDK для некоторых демонстраций размещения ListViews. Я подробно рассмотрел как ретранслятор, так и концентратор в главах 7 и 8 моего second edition book preview (free from MSPress).