Data-binding options:

• disabled
• ensureOuterMost
• autoHide
• showEffect
• hideEffect

Example:

In this example, the ViewModel is defined specifically for use with the pop up. It has disabled, autoHide, showEffect, and hideEffect properties that are bound in the View. If any of these values change, the widget automatically responds to them. The widget also updates the ViewModel values as it modifies them.

Create a 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");
};

Create View with Bound Controls:

<div id="popup" data-bind="wijpopup: {
    disabled: disabled, 
    autoHide: autoHide, 
    showEffect: showEffect, 
    hideEffect: hideEffect}">
</div>