Wijmo UI for the Web
KO DropDown バインディング
| Wijmo ユーザーガイド > 概念 > ウィジェットを統合するフレームワーク > Knockoutの使用 > 双方向のライブバインディング > KO DropDown バインディング |
データバインディングのオプション：
例:
この例では、ドロップダウンと組み合わせて使用する ViewModel が定義されています。wijdropdown データバインディングオプションが変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。
ViewModel の作成：
| ViewModel スクリプト |
コードのコピー |
|---|---|
var viewModel = function () {this.check = ko.observable(true)}; | |
バインドコントロールを使用したビューの作成：
| ビューのマークアップ |
コードのコピー |
|---|---|
<h3>Dropdown with Optgroups</h3> <select id="select2" data-bind="wijdropdown: {}"> <optgroup label="A-G"> <option>A</option> <option selected="selected">B</option> <option>C</option> <option>D</option> <option>E</option> <option>F</option> <option>G</option> </optgroup> <optgroup label="H-M"> <option>H</option> <option>I</option> <option>J</option> <option>K</option> <option>L</option> <option>M</option> </optgroup> </select> | |