JSFiddle - React, Tailwind, and code Playground

by siliconsoul

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.all.min.js"></script>
<div id="window">    
</div>
<script type="text/x-kendo-template" id="genealogy-upline-template">
        <div data-role="grid" data-columns='["Level", "AgentName", "Status"]' data-bind="source: data"></div>
</script>

JavaScript

var template = kendo.template($("#genealogy-upline-template").html());
$.ajax({
    url: "/echo/json/",
    type: "POST",
    dataType: "json",
    data: {
        json: kendo.stringify([{Level: 1, AgentName: "agent1", Status: "status1"},
           {Level: 2, AgentName: "agent2", Status: "status2"}])
    },
    success: function (response) {
        var data = {data: response};
        var element = $("#window").kendoWindow({
            content: {
                template: template(data)
            }
        });
 
        kendo.bind(element, data);
    }
});