destroy window on close

[Henk Jelt]

Hi

I create a window, which I would like to destroy after closing, but I cannot get it to work.

I have found various hints in the forum, but if I implement them, the window keeps coming back after refreshing the screen (ie performing a feedback).

The code which I use to initialize the window is pretty standard:

		<script type="text/javascript">
	 $(document).ready(function () {
		$('#windows').css('z-index', 9000);
		$("#Payment").kendoWindow({
			actions: [ "Maximize", "Minimize", "Close"],
			draggable: true,
			height: "600px",
			modal: false,
			resizable: true,
			title: "<%=ViewData("paymentenginetext")%><%=  ViewData("invoicenr")%>",
			width: "810px"
		}); 
		var kendoWindow = $("#Payment").data("kendoWindow");
        kendoWindow.center();
	});
	</script>

The way to destroy the window is to perform the function destroy at deactivation, but where and how do I put this in my code?

KR

Henk Jelt Hoving 

[Mickie]

Hi Henk,

I recently needed to implement a destroy after closing and put this together to play around with it (fyi there is some issue w/ this fiddle in IE but it works ok in Chrome and FF), maybe this will help you(?):  http://jsfiddle.net/mastamm/Wp82P/27/ 

I'm seeing in the forums and documentation a recommendation that you do not need to destroy a window, particularly if you are going to use it again.  But in my case I needed to because we had implemented an edit form in a kendo window and found that if you opened the window, made some changes then closed the window without saving, the next time you opened the window - prior to the content being refreshed, you initially saw those last changes that you didn't save.  So, we wanted a way to be able to remove the window and its contents from the DOM and then later recreate it on click of an edit button.  (additional note: even though there is some issue w/ that fiddle in IE the technique works just fine in our app in all browsers)

    - Mickie

[Cary Abramoff]

You just helped me make quick work of this issue with a simple copy & paste from your fiddle. Muchas Gracias.

[Mickie]

Great - glad that was helpful to you!

[Tareq]

Thanks Cary! that was very helpful. :)

[Bryan]

Thanks Mickie, this was driving me crazy, too.   Creating a new element for the window as a container was the fix for me:

$("#windowcontainer").append("<div id='window'></div>");

[Doug]

Another option that might work for you is to simply clear the content of the window when you are done with it.

$("#nameOfWindow").data("kendoWindow").content("");

[Alejandro]

Your code helped solve a similar issue I had. Thanks so much!

[Hammy]

Hi There, 

In my vue component I have a list where user can click and view more details in a kendo window component. The user can open multiple non-modal draggable windows without blocking/dimming the main page.

 

The minimize only collapses' the window body which is not great use of screen space with just seeing the collapsed window tile bars stacking up.

 

Is there a way, we can move / dock the minimize kendo window to the corners of the screen and restore them when un-minimize?

 

 

 

It would be great if the window component can supports docking. For example https://github.com/ROMB/jquery-dialogextend 

Many thanks

Hammy Babar

 

[Ivan Danchev]

Hello Hammy,

Currently, the Window does not have such docking capabilities, but this is a valid suggestion, so you could log it as a feature request in our Feedback Portal: https://feedback.telerik.com/kendo-jquery-ui/

We will consider implementing it, based on the interest the community shows in it.

Regards,
Ivan Danchev
Progress Telerik