JQuery:有没有办法进行 Flex 风格的数据绑定(bind)？

Question

几个新的 UI/查询框架允许您将 UI 元素“绑定(bind)”到数据结构。当结构中的数据更新时，更改会自动传播到 UI 元素。这方面的一些示例包括 Adob​​e Flex 中的 [Bindable] 标记以及 .NET 的“Bindable LINQ”扩展。

有人在 JQuery 中这样做吗？

Answer 1

不是 jQuery 特有的，但 MS AJAX.NET 4.0 具有 bind vanilla JavaScript objects (POJOs) to vanilla DOM elements 的实现，包括双向绑定(bind)。这一切都是由 an implementation of the Observer pattern 驱动的在 POJO 上观察对象的任何属性的变化:

var widget = { name: "widget1" }; // came from a JSON service

Sys.Observer.addPropertyChanged(widget, showWidget);

showWidget(widget);

function showWidget(widget) {
    $get('div1').innerHTML = widget.name;
}