DropDownList with bound value template

by grippstick

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="https://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
<div id='container'>
  <input data-bind="value:Store.Lease.SalesReport.Field1" />
  <input data-bind="value:Store.Lease.SalesReport.Field2" />
  <input data-bind="value:getTotal" />
</div>

JavaScript

var vm = new kendo.observable({
getTotal:function(){
	var report = vm.get('Store.Lease.SalesReport');
	var field1= report.get('Field1');
  var field2= report.get('Field2');
  return field1+field2;
},
  Store: {
    Lease: {
      SalesReport: {
        Field1: 0,
        Field2: 0
      }
    }
  }
});

kendo.bind('#container', vm)