Skip to content

Latest commit

 

History

History
29 lines (21 loc) · 1.75 KB

loading-content-with-ajax.md

File metadata and controls

29 lines (21 loc) · 1.75 KB
title page_title description slug canonicalLink position
Loading Content with AJAX
Loading Content with AJAX - Window - Kendo UI for Vue
Load the content of the Kendo UI Window wrapper for Vue over AJAX.
loading_content_ajax_window_wrapper
3

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.

{% meta height:370 %} {% embed_file ajax/main.vue %} {% embed_file ajax/main.js %} {% endmeta %}

Suggested Links