いくつかの新しい UI/クエリ フレームワークにより、UI 要素をデータ構造に「バインド」できます。構造内のデータが更新されると、変更が UI 要素に自動的に反映されます。この例には、Adobe Flex の [Bindable] タグや、.NET の "Bindable LINQ" 拡張機能が含まれます。
JQueryでこれをやっている人はいますか?
いくつかの新しい UI/クエリ フレームワークにより、UI 要素をデータ構造に「バインド」できます。構造内のデータが更新されると、変更が UI 要素に自動的に反映されます。この例には、Adobe Flex の [Bindable] タグや、.NET の "Bindable LINQ" 拡張機能が含まれます。
JQueryでこれをやっている人はいますか?
jQuery 固有ではありませんが、MS AJAX.NET 4.0 には、標準のJavaScript オブジェクト (POJO) を標準の 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;
}
そのままの JavaScript で行うのはそれほど簡単ではないかもしれません。セッターは .NET と ActionScript の両方の言語の一部であり、JavaScript 自体の一部ではないため、バインドされたプロパティのセッターをインターセプトする必要があります。これは他の環境でも可能です。.NET と AS3 の両方に、コンパイラが理解できる特別なセッター構文があります。JSではただ
instance.property = value // or instance[property] = value for dynamic assignment
私が知っていることではありませんが、ブラウザ依存のスクリプトを使用することが絶対に義務付けられているか、何らかの理由で必要とされていない限り、Flex を使用してください。