JSFiddle - React, Tailwind, and code Playground

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.mobile.all.min.css">
<div id="foo" data-role="view" data-model="viewModel">
    <span data-bind="text: foo"></span><br />
    <a data-role="button" data-click="navigateToBar">Go to Bar</a>
</div>
<div id="bar" data-role="view" data-model="viewModel">
    <span data-bind="text: bar"></span><br />
    <a data-role="button" data-click="navigateToFoo">Go to Foo</a>
</div>

JavaScript

var viewModel = kendo.observable({
    foo: "Foo View",
    bar: null
    });

function navigateToFoo() {
    app.navigate("#foo")
}
        
function navigateToBar() {
    viewModel.set("bar", "set value");  
    app.navigate("#bar");
}
        
var app = new kendo.mobile.Application($(document.body));