Knockoutjs (03) ko + jquery ui

 
ko.bindingHandlers.dialog = {        init: function(element, valueAccessor, allBindingsAccessor) {            var options = ko.utils.unwrapObservable(valueAccessor()) || {};            //do in a setTimeout, so the applyBindings doesn't bind twice from element being copied and moved to bottom            setTimeout(function() {                 options.close = function() {                    allBindingsAccessor().dialogVisible(false);                                        };                                $(element).dialog(options);                      }, 0);                        //handle disposal (not strictly necessary in this scenario)             ko.utils.domNodeDisposal.addDisposeCallback(element, function() {                 $(element).dialog("destroy");             });           },        update: function(element, valueAccessor, allBindingsAccessor) {             var shouldBeOpen = ko.utils.unwrapObservable(allBindingsAccessor().dialogVisible);             $(element).dialog(shouldBeOpen ? "open" : "close");                     }};    var viewModel = {    label: ko.observable('dialog test'),    isOpen: ko.observable(false),    open: function() {       this.isOpen(true);       },    close: function() {       this.isOpen(false);       }};ko.applyBindings(viewModel);        
.header {    font-size: 16px;    font-family: sans-serif;    font-weight: bold;    margin-bottom: 20px;}
 
Http://jsfiddle.net/rniemeyer/SnPdE/