数据绑定 (HTML)

[ 本文适用于编写 Windows 运行时应用的 Windows 8.x 和 Windows Phone 8.x 开发人员。如果你要针对 Windows 10 进行开发,请参阅 最新文档 ]

作用

使用数据绑定,可以将应用的多个元素与多个数据源进行同步,其中包括数据库、文件以及内部对象。

本部分内容

主题 描述

快速入门:绑定数据和样式

可以将数据和样式绑定到 HTML 元素,方法是使用 Windows JavaScript 库绑定。默认情况下,使用 WinJS 绑定是单向的,这意味着当数据和样式值发生更改时会更新 HTML 元素,但当 HTML 元素发生更改时并不会更新数据。此快速入门介绍绑定的最基本类型,该绑定是与仅包含数据的简单对象的声明性绑定。有关绑定的更高级类型的信息,请参阅如何绑定复杂对象如何使用模板绑定数据

如何绑定复杂对象

在许多情况下,你希望你的应用绑定到复杂的对象,特别是管理不由应用的 UI 控制的处理的那些对象。 本主题介绍如何编写应用(该应用显示包含某个名称和某种颜色的某个对象中的数据),这基本上与快速入门:绑定数据和样式相同。在这种情形下,对象管理更改进程自身,而不是响应触发更改的按钮。

如何使用模板绑定数据

Windows JavaScript 库模板为格式化并显示多个数据实例的便捷方式。可以将这些模板与 ListViewFlipView 对象结合使用来指定希望它们显示的方式。也可以使用模板绑定数据对象的多个实例,而不是使用预定义的视图。 有关将模板与 ListView 一起使用的详细信息,请参阅快速入门:添加 ListView。有关将模板与 FlipView 一起使用的详细信息,请参阅添加 FlipView 控件。以下过程显示如何将模板与数组一起使用。

可将模板以声明方式定义为 WinJS 控件并指定其内部结构和样式。即便声明它们作为 DIV 元素,模板也不会作为 DOM 的一部分进程处理,并且不会作为 DOM 搜索结果的一部分返回。可以指定 DIV 元素(模板应在其中出现),或者允许 render 方法创建它自己的 DIV 元素。 本主题介绍如何使用模板将可变数量的可绑定数据对象绑定到 DIV 元素中。用户通过从下拉列表中选择项来选择要显示的对象数。

 

开发人员受众

本部分是专门为希望在其应用中显示不同种类的数据且使用 JavaScript 的 Windows 运行时应用开发人员设计的。