Post to Iframe
The example below demonstrates how to post to the iframe content of the Kendo UI Window.
<button id="refresh" class="k-button k-primary">Post content to iframe</button>
<script>
$("#refresh").click(function(e) {
e.preventDefault();
var id = "target_iframe";
var dialog = $("<div><iframe class='k-content-frame' name='" + id + "'></div>").kendoWindow({
width: "615px",
title: "Posting to iframe example",
close: function() { this.destroy() },
iframe: true
});
dialog.data("kendoWindow").center().open();
$("<form />", {
action: "http://www.example.com/",
method: "post",
target: id
})
.hide().appendTo("body")
// add any data
.append("<input name='foo' />").find("[name=foo]").val("bar").end()
.submit().remove();
});
</script>
See Also
- Window JavaScript API Reference
- How to Add Auto-Resizing Splitter
- How to Create Confirmation Dialog via Promises
- How to Display Loading Indicator over Window
- How to Initialize the Grid
- How to Restrict Window Positioning
For more runnable examples on the Kendo UI Window, browse the How To documentation folder.