KO Wizard バインディング

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

disabled
navButtons
autoPlay
delay
loop
backBtnText
nextBtnText

例：

この例では、ウィザードと組み合わせて使用する ViewModel が定義されています。このビューには、seriesList プロパティがバインドされています。この値が変更されると、ウィジェットは自動的にその変化に応答します。ウィジェットは ViewModel の値も更新します。

ViewModel の作成：

ViewModel スクリプト	コードのコピー
var viewModel = function () { var self = this; self.disabled = ko.observable(false); self.navButtons = ko.observable(false); self.autoPlay = ko.observable("show"); self.delay = ko.observable("hide"); self.loop = ko.observable(false); self.backBtnText = ko.observable("show"); self.nextBtnText = ko.observable("hide"); };

ViewModel スクリプト

コードのコピー

var viewModel = function () {  
    var self = this;  
       self.disabled = ko.observable(false); 
       self.navButtons = ko.observable(false);
       self.autoPlay = ko.observable("show");
       self.delay = ko.observable("hide");
       self.loop = ko.observable(false);
       self.backBtnText = ko.observable("show");
       self.nextBtnText = ko.observable("hide");
};

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

ビューのマークアップ	コードのコピー
<div id="wizard" data-bind="wijwizard: { disabled: disabled, navButtons: navButtons, autoPlay: autoPlay, delay: delay, loop: loop, backBtnText: backBtnText, nextBtnText: nextBtnText}"> </div>

関連トピック

参照