Wijmo UI for the Web
KO InputNumber バインディング

データバインディングのオプション:

例:

この例では、入力番号と組み合わせて使用する ViewModel が定義されています。このビューには、val、min、max、および disabled プロパティがバインドされています。これらのいずれかの値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。

ViewModel の作成:

ViewModel スクリプト
コードのコピー
var viewModel = function () {
                var self = this;
                self.val = ko.observable(50);
                self.min = ko.observable(0);
                self.max = ko.observable(100);
                self.disabled = ko.observable(false);
                };

バインドコントロールを使用したビューの作成:

ビューのマークアップ
コードのコピー
<input data-bind="wijinputnumber: {
                value: val, 
                minValue: min, 
                maxValue: max,
                disabled: disabled}" />

関連トピック

参照

 

 


Copyright © GrapeCity inc. All rights reserved.