undefined with using AJAX functionality

[John]

I am trying to load a page using AJAX, then display that page in a kendo window  when a button is clicked. However, the center() and open() functions do not work as the object is undefined. When omitting 'content' from the declaration the window shows ok. There is a div in the html with an id "window".

<script type="text/javascript">

      $(document).ready(function () {

          var window = $("#window");

 

          if (!window.data("kendoWindow")) {

                  window.kendoWindow({

                  actions: ["Refresh", "Maximize", "Minimize", "Close"],

                  content: "/ReportType/Create",

                  title: "Create a New ReportType",

                  modal: true,

                  visible: false

              });

          }

      });

  $("#createButton").click(function () {

      var window = $("#window").data("kendoWindow");

      window.center();

      window.open();

  });

[Alex Gyoshev]

Hello John,

This is a commonly encountered problem with the window, caused by loading a page with a jQuery reference in it. Please refer to the troubleshooting help topic for the possible work-arounds.

Regards,
Alex Gyoshev
the Telerik team

[Ahmed]

This solution worked fine for me.

I was getting the same problem on center and open.

Removed jquery.min.js reference from my AJAX page and it started to work with both solutions mentioned by Alex. 

Sol1 :
$("#dialog").kendoWinodow({
// load complete page...
content: "/foo",
// ... and show it in an iframe
iframe: true
});

Sol2:
$("#dialog").kendoWinodow({
// load partial page, without jQuery reference
content: "/foo"
});