KO Rating バインディング

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

count
disabled
max
min
split
totalValue
value

例：

この例では、レーティングと組み合わせて使用する ViewModel が定義されています。このビューには、disabled、count、max、split、および value プロパティがバインドされています。これらのいずれかの値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは、これらの値を変更する際に ViewModel の値も更新します。このレーティングの初期値は３で、各星は２つに分割されます。星は全部で５つありますが、最も高いレーティングは星４つです。

ViewModel の作成：

ViewModel スクリプト	コードのコピー
var viewModel = = function () { var self = this; self.val = ko.observable(3); self.min = ko.observable(null); self.max = ko.observable(null); self.disabled = ko.observable(false); self.count = ko.observable(5); self.totalValue = ko.observable(5); self.split = ko.observable(1); };

ViewModel スクリプト

コードのコピー

var viewModel =  = function () {         
   var self = this;         
       self.val = ko.observable(3);     
       self.min = ko.observable(null);
       self.max = ko.observable(null);
       self.disabled = ko.observable(false);
       self.count = ko.observable(5);
       self.totalValue = ko.observable(5);
       self.split = ko.observable(1);
};

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

ビューのマークアップ	コードのコピー
<div data-bind="wijrating: { value: val, min: min, max: max, disabled: disabled, count: count, totalValue: totalValue, split: split }"> </div>

関連トピック

参照