BOOL Drop Down Test

by valchev

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='container'>
    <select 
        data-role='dropdownlist' 
        data-bind='source:dsBoolFake, value:boolVal1, events: { change: onChange1 }' 
        data-value-field='value' 
        data-text-field='name'>
    </select>
    <span data-bind='text:boolVal1'></span>
    
    <select 
        data-role='dropdownlist' 
        data-bind='source:dsBoolReal, value:boolVal2, events: { change: onChange2 }' 
        data-value-field='value' 
        data-text-field='name'>
    </select>
    <span data-bind='text:boolVal2'></span>
</div>

JavaScript

var viewModel = kendo.observable({
    boolVal1: false,
    boolVal2: false,
    dsBoolFake: [{value:'true',name:'Yes'},{value:'false',name:'No'}],
    dsBoolReal: [{value:true,name:'Yes'},{value:false,name:'No'}],
    onChange1: function(e) { console.log(1) },
    onChange2: function(e) { console.log(2) }
});

kendo.bind($('#container'), viewModel);