Binder On Custom Widget

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="example">
  <span data-bind="text:p1"></span>
  <input data-bind="value:p1" />
</div>
<div id="ex2">
  <span data-bind="text:p1"></span>
  <input data-bind="value:p1" />
</div>

JavaScript

var vm = kendo.observable({
  p1: "Test"
});
kendo.bind('#example', vm);

kendo.bind('#ex2', vm);