JSFiddle - React, Tailwind, and code Playground

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div data-template="childTemplate" data-bind="source: numberOne">
    <script id="childTemplate" type="text/html">
      <p>Child source binding: <span data-bind="text: isSo"></span></p>
    </script>
</div>

<div data-template="parentTemplate" data-bind="source: this">
    <script id="parentTemplate" type="text/html">
        <p>Parent source binding: #: numberOne.isSo #</p>
    </script>
</div>

<button data-bind="click: numberOne.makeItSo">Make it So</button>

JavaScript

var viewModel = kendo.observable({
    numberOne: {
        makeItSo: function() {
            this.numberOne.set('isSo', true);    
        },
        isSo: false
    },       
});

kendo.bind($(document.body), viewModel);