Wijmo ユーザーガイド > 概念 > ウィジェットを統合するフレームワーク > Knockoutの使用 > 双方向のライブバインディング > KO InputMask バインディング |
データバインディングのオプション:
例:
この例では、入力マスクと組み合わせて使用する ViewModel が定義されています。このビューには、val および disabled プロパティがバインドされています。これらのいずれかの値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。
ViewModel の作成:
ViewModel スクリプト |
コードのコピー |
---|---|
var viewModel = function () { var self = this; self.val = ko.observable('(412) 867-5309'); self.disabled = ko.observable(false); }; |
バインドコントロールを使用したビューの作成:
ビューのマークアップ |
コードのコピー |
---|---|
<input data-bind="wijinputmask: {text: val, disabled: disabled, mask: '(999) 000-0000'}" /> |