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

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

例:

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

ViewModel の作成:

ViewModel スクリプト
コードのコピー
var viewModel = function () {  
  var self = this;  
    self.disabled = ko.observable(false);  
    self.pageCount = ko.observable(150);  
    self.pageIndex = ko.observable(40);  
};

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

ビューのマークアップ
コードのコピー
<div data-bind="wijpager: {disabled: disabled, pageCount: pageCount, pageIndex: pageIndex}">  
</div>  

関連トピック

参照

 

 


Copyright © GrapeCity inc. All rights reserved.