JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<div id="rootdiv">
    <div id="listView" data-template="root-template" data-bind="source: this"/>    
</div>
<script id="root-template" type="text/x-kendo-template">   
    <div>
        <div data-bind="text:name"></div> 
        <div id="listView" data-template="items-template" data-bind="source: items"/>        
    </div>
</script>
<script id="items-template" type="text/x-kendo-template">   
    <div>
        <div data-bind="text:name"></div> 
        <input data-bind="value: inputValue" />
        <div class="fixedtext">FIXED TEXT</div>        
    </div>
</script>

<button onclick="updateModel()">Click</button>

JavaScript

var viewModel = kendo.observable({
    name: "Root", inputValue: "0",
    items: [
        { name: "Item1", inputValue: "1"}, 
        { name: "Item2", inputValue: "2"}, 
        { name: "Item3", inputValue: "3"}
    ]    
});
            
$(document).ready(function(){       
    kendo.bind($("#rootdiv"), viewModel);
    $(".fixedtext").text("Changed text");
});

function updateModel() {
    viewModel.set("items[0].name","New name");

};