All Components

Loading Content with AJAX

The Window provides the built-in option for asynchronously loading content from a URL.

The URL is expected to return an HTML fragment that can be loaded in the content area of the Window. If the content which is passed to the Window includes scripts, the scripts are executed.

  • Loading full pages inside the Window with AJAX (pages with a DOCTYPE, html, head, and body tags) causes various undesired side-effects—breaking of the DOM tree, deletion of component instances, and throwing of Javascript errors.
  • If the Window has no set dimensions, it is expected to resize after the AJAX content is loaded and the position of the component on the screen gets changed. To center the Window, either center it in the refresh event handler, or set some explicit dimensions.
<kendo-window :width="'600px'"
              :title="'Async Window Content'"
              content="../content/web/window/ajax/ajaxContent.html">
</kendo-window>
In this article