KO Popup バインディング

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

disabled
ensureOuterMost
autoHide
showEffect
hideEffect

例：

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

ViewModel の作成：

ViewModel スクリプト	コードのコピー
var viewModel = function () { var self = this; self.disabled = ko.observable(false); self.autoHide = ko.observable(false); self.showEffect = ko.observable("show"); self.hideEffect = ko.observable("hide"); };

ViewModel スクリプト

コードのコピー

var viewModel = function () {  
    var self = this;  
       self.disabled = ko.observable(false); 
       self.autoHide = ko.observable(false);
       self.showEffect = ko.observable("show");
       self.hideEffect = ko.observable("hide");
};

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

ビューのマークアップ	コードのコピー
<div id="popup" data-bind="wijpopup: { disabled: disabled, autoHide: autoHide, showEffect: showEffect, hideEffect: hideEffect}"> </div>

関連トピック

参照