Kendo UI MVVM simple example

by kendomobile

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<!-- Demo created for the book: Building Mobile Applications Using Kendo UI Mobile andASP.NET Web API.
http://www.packtpub.com/building-mobile-applications-with-kendoui-html5/book -->
<div id="mainView" data-role=""view>
    <input type="text" id="item" data-bind="value: item" /> 
    <input type="text" id="quantity" data-bind="value: quantity" /> 
    <br/>
     <label data-bind="text: description"> </label> 
</div>

JavaScript

var observableViewModel = kendo.observable({
    item: "gold",
    quantity: "10 grams",
    description: function(){
     return    "You bought " + this.get("quantity") + " of " + this.get("item") ; 
    }    
});
//bind the view model
kendo.bind($("#mainView"),observableViewModel);