Поделиться через


Привязка данных (HTML)

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. При разработке приложений для Windows 10 см. раздел последняя документация]

Назначение

Привязка данных позволяет синхронизировать элементы вашего приложения с различными источниками данных, включая базы данных, файлы и внутренние объекты.

В этом разделе

Тема Описание

Краткое руководство: привязка данных и стилей

Вы можете привязать данные и стили к элементам HTML с помощью привязки библиотеки Windows для JavaScript. По умолчанию привязка с помощью WinJS односторонняя. Это значит, что элемент HTML обновляется при изменении данных и стиля, но данные не обновляются при изменении элемента HTML. В этом кратком руководстве показан самый простой тип привязки — декларативная привязка к простому объекту, который содержит только данные. Подробнее о более сложных видах привязки: Привязка составного объекта и Использование шаблонов для привязки данных.

Привязка составного объекта

Во многих случаях требуется привязать приложение к составным объектам, в частности к объектам, которые управляют процессами, не входящими в область управления пользовательского интерфейса приложения. В этом разделе показано, как написать приложение, отображающее данные от объекта, содержащего имя и цвет. Аналогичные функции описаны в разделе Краткое руководство: привязка данных и стилей. В этом случае объект управляет процессом изменения, а не просто отвечает на нажатие кнопки, что приводит к изменению.

Использование шаблонов для привязки данных

Шаблоны библиотеки Windows для JavaScript — это удобный способ форматирования и отображения нескольких экземпляров данных. Вы можете использовать эти шаблоны в сочетании с объектами ListView и FlipView, чтобы указать необходимый способ их отображения. Кроме того, вы можете использовать шаблон для привязки нескольких экземпляров объекта данных, не используя встроенное представление. Дополнительные сведения об использовании шаблона с элементом ListView см. в разделе Краткое руководство: добавление элемента ListView. Дополнительные сведения об использовании шаблона с элементом FlipView см. в разделе Добавление элементов управления FlipView. Следующая процедура демонстрирует использование шаблона с массивом.

Вы можете определить шаблон декларативно как элемент управления WinJS и указать его внутреннюю структуру и стиль. Шаблоны не обрабатываются как часть DOM и не возвращаются как часть результатов поиска DOM, хотя они и объявляются как элементы DIV. Вы можете указать элемент DIV, в котором должен появиться шаблон, или разрешить методу render создать собственный элемент DIV. В этой теме показано, как использовать шаблон для привязки переменного количества объектов данных с возможностью привязки к элементу DIV. Пользователь выбирает количество объектов для отображения путем выбора элемента в раскрывающемся списке.

 

Для разработчиков

Этот раздел предназначен для разработчиков приложений среды выполнения Windows на JavaScript, которым нужно отображать различные типы данных в приложениях.