JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.2.804/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2011.2.804/js/kendo.all.min.js"></script>
<div id="window"><input type="text"/> </div>
<button id="openWindow" class="t-button">Kendo button</button>
CSS
body {
font: 12px/1.5 Tahoma,sans-serif;
}
JavaScript
function ponerPantalla(elId){
var direccion = "edicion.php?id=" + elId;
var wnd = $("#window").data("kendoWindow");
if (!wnd) {
// first click of the button - will automatically fetch the contentUrl
wnd = $("#window").kendoWindow({
title: "Centered Window",
contentUrl: direccion,
width: "400px",
height: "400px",
visible: false,
modal: true
}).data("kendoWindow");
} else {
// next opening - load new direccion
wnd.refresh(direccion);
}
wnd.center();
wnd.open();
}
$("#openWindow").click(function() {
// pass random elId on each click
ponerPantalla(~~(Math.random() * 200));
})