JSFiddle - React, Tailwind, and code Playground

by stevescotthome

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.515/js/kendo.all.min.js"></script>
<div id="wrapper">
   <button data-bind="click: openWindow">refresh</button>

    <div id="edit-window" data-role="window" data-visible="false" data-modal="true" data-resizable="false" data-iframe="true" data-minWidth="1200px">
       WINDOW
   </div>
</div>

JavaScript

var viewModel = null;


$(document).ready(function(){
  viewModel = kendo.observable({
      verb:{
          text: "Window Title",
          url: "http://www.example.com"
      },
      openWindow: function(e){
         var window = $("#edit-window").data("kendoWindow");
          window.title(this.verb.text);
          window.content("<div class='loading''>Loading...</div>");
          window.refresh(this.verb.url);
          window.center().open();
      }
  });      
    
  kendo.bind("#wrapper", viewModel);    

});