Knockout で Wijmo を使用
Wijmo は、動的に変化する UI を簡単に作成および管理できる、モデルビュービューモデル(MVVM)パターンを使用する JavaScript ライブラリである Knockout(KO)をサポートするようになりました。KO を jQuery と共に使用し、基底にあるデータモデルによってページの魅力を高めることができます。KO の完全な概要、チュートリアル、マニュアル、MVVM の説明、その他については、
Model View View Model (MVVM) pattern を参照してください。
当社の「Knockout デモ」を参照してください。ここでは、Wijmo ウィジェットで KO を使用する方法を確認できます。KO 導入の詳細、チュートリアル、マニュアル、MVVM の説明などについては、http://knockoutjs.com/ にアクセスしてください。
次のいくつかの手順に従い、Wijmo で Knockout を簡単に使用できます。
- 最新の jQuery の依存ファイル、Wijmo ウィジェット、Knockout の .js ファイル、および Wijmo 対応 KO 拡張ライブラリへの参照を追加します。
- ViewModel とビューを作成します。JavaScript を追加して UI のデータと動作を定義し、マークアップを追加して視覚的かつインタラクティブな UI を含むビューを作成します。
- Wijmo ウィジェットを ViewModel にバインドし、KO をアクティブ化します。
Wijmo と Knockout を使用するサンプル
はじめに、以下のトピックを確認します。この2つのウォークスルーは、必要なファイルへの参照を追加し、ViewModel とビューを作成し、Wijmo ウィジェットをバインドする方法を示します。また、双方向のライブバインディングのトピックでは、データの変化に自動的に応答するウィジェットでそれぞれ使用可能なオプションについて説明します。
関連トピック