jquery - JQuery: Is there a way to do Flex-style data bindings?

Question

Several new UI/Query frameworks allow you to "bind" UI elements to data structures. When data in the structure is updated, the change propagates to the UI element, automatically. Some examples of this include the [Bindable] tag in Adobe Flex, and the "Bindable LINQ" extension for .NET .

Is anyone doing this in JQuery?

Answer 1

不是 jQuery 特定的，但 MS AJAX.NET 4.0 有一个实现将 vanilla JavaScript 对象 (POJO) 绑定到 vanilla DOM 元素，包括双向绑定。这一切都是由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;
}

Answer 2

直接用 JavaScript 做起来可能不是那么简单。您必须拦截绑定属性的 setter，这在其他环境中是可能的，因为 setter 是 .NET 和 ActionScript 中语言的一部分，而不是 JavaScript 本身的一部分。.NET 和 AS3 都有编译器可以理解的特殊 setter 语法；在 JS 中它只是

instance.property = value // or instance[property] = value for dynamic assignment

Answer 3

据我所知，除非您绝对强制或出于某种原因需要使用与浏览器相关的脚本，否则请使用 Flex。