ComboBox - autobind:false and MVM

by krustev

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="storeInfo">
    <div id="tgrid" data-role="grid" data-bind="source: source.list, selectable: source.gradeText"
         data-columns='["label", "id"]' ></div>



</div>

JavaScript

$(function(){
    var kendoViewModel = kendo.observable({
        source: {
            gradeValue: "A",

            gradeText: "Single, Cell",
            list: [
                { "label": "Single, Cell", "id": "A" },
                { "label": "Single, Row", "id": "B1" },
                { "label": "Multiple, Row", "id": "B2" }
            ]
        }
    });

    kendo.bind($('#storeInfo'), kendoViewModel);
});