Custom binding

by gonglei

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id="main">
    <div data-bind="bool: yesno">YES/NO</div>
</div>

JavaScript

(function($) {
    kendo.data.binders.bool = kendo.data.Binder.extend({
        refresh: function () {
            $(this.element).html(this.bindings['bool'].get() ? 'YES' : 'NO');
        }
    });
    
    var vm = kendo.observable({
        yesno: true
    });
    
    kendo.bind('#main', vm);
    
    setTimeout(function(){
        vm.set('yesno', false);
    }, 2000);
            
})(jQuery);