Knockout JS Starter

by darcon77

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.3.0/knockout-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<script src="https://github.com/gvas/knockout-jqueryui/releases/download/v2.2.2/knockout-jqueryui.min.js"></script>
<div data-bind="dialog:{isOpen:isOpen}">
</div>
<button type="button" data-bind="button:{}, click:openDialog">Open Dialog</button>

JavaScript

var viewModel = (function(){
    var self=this;
    
    self.isOpen=ko.observable(false);
    self.openDialog=function(){
        self.isOpen(true);
    };
}());

ko.applyBindings(viewModel);