JQuery：Flexスタイルのデータバインディングを行う方法はありますか？

Question

いくつかの新しいUI /クエリフレームワークでは、UI要素をデータ構造に「バインド」することができます。構造内のデータが更新されると、変更は自動的にUI要素に伝播します。 これには、Adobe Flexの[Bindable]タグと.NETの "Bindable LINQ"拡張が含まれます。

JQueryでこれを行う人はいますか？

Answer 1

ストレートJavaScriptではそれほど簡単ではないかもしれません。 setterは.NETとActionScriptの両方の言語の一部ですが、JavaScript自体の一部ではないため、これらの他の環境では可能なバインドされたプロパティのセッターをインターセプトする必要があります。 .NETとAS3の両方には、コンパイラが理解できる特別なセッター構文​​があります。 JSでそれだけで

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

Answer 2

jQueryの特定はありませんが、MS AJAX.NET 4.0は、双方向結合を含むbind vanilla JavaScript objects (POJOs) to vanilla DOM elementsへの実装を持っています。それは、そのすべてのプロパティのいずれかに変更するオブジェクトを観察するためのPOJOにan implementation of the Observer patternによって駆動されます：あなたは絶対に義務付けられたかに依存するブラウザを使用するためにいくつかの理由のために必要でない限り、私の知っていることはありません

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 3

、ただのFlexを使用スクリプティング