JSFiddle - React, Tailwind, and code Playground

by underlog

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css">
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js"></script>
<div id="itemsView"
    data-role="view"
    data-model="vm">
    
    <ul data-role="listview" data-bind="source: items" data-template="itemsTemplate">
    </ul>
        
    <script id="itemsTemplate" type="text/x-kendo-template">
       #=Name#
    </script>

    <input type="text" data-bind="value: newValue" />
    <button data-role="button" data-bind="click: update">update</button>
</div>

JavaScript

var vm = kendo.observable({
    items: [{
        Name: "Item1"}],
    newValue: '',
    update: function(e) {
        var item = this.get("items")[0];
        item.set("Name", this.get("newValue"));
        //kendo.bind($('#itemsView'), vm);
    }
});


kendoApp = new kendo.mobile.Application(document.body, {
    transition: "slide"
});