KO DatePager バインディング

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

disabled
firstDayOfWeek
viewType
nextTooltip
prevTooltip

例：

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

ViewModel の作成：

ViewModel スクリプト	コードのコピー
var viewModel = function () { var self = this; self.disabled = ko.observable(false); self.firstDayOfWeek = ko.numericObservable(0); self.viewType = ko.observable("week"); //日/週/月 self.nextTooltip = ko.observable("next"); self.prevTooltip = ko.observable("previous"); };

ViewModel スクリプト

コードのコピー

var viewModel = function () {  
    var self = this;  
       self.disabled = ko.observable(false); 
       self.firstDayOfWeek = ko.numericObservable(0); 
       self.viewType = ko.observable("week"); //日/週/月 
       self.nextTooltip = ko.observable("next"); 
       self.prevTooltip = ko.observable("previous"); 
};

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

ビューのマークアップ	コードのコピー
<div id="datepager" data-bind="wijdatepager: { disabled: disabled, firstDayOfWeek: firstDayOfWeek, viewType: viewType, nextTooltip: nextTooltip, prevTooltip: prevTooltip}"> </div>

関連トピック

参照