Windows attributes are not refreshing

[HIMADRI]

I have the following code.

$(

'span[data-class=ModalLink]').click(openmodal);
$('a[data-class=ModalLink]').click(openmodal);

    $('span[data-class=ModalLink]').click(openmodal);
    $('a[data-class=ModalLink]').click(openmodal);
    function openmodal(event) {
        event.preventDefault();
        var contentUrl = $(this).attr("data-content");
        if (!contentUrl) {
            contentUrl = $(this).attr("href");
        }
        if (contentUrl) {
            var dialog = $("#modalwindow");
            dialog.kendoWindow({
                modal: true,
                title: $(this).attr("data-title"),
                actions: ["Close"],
                draggable: $(this).attr("data-draggable"),
                resizable: $(this).attr("data-resizable"),
                height: $(this).attr("data-height"),
                width: $(this).attr("data-width"),
                content: contentUrl
            });
            dialog.data("kendoWindow").center();
            dialog.data("kendoWindow").open();
        }
        else {
            alert("The URL to populate the modal window is missing.");
        }
I want the window configuration value like width, height etc. to change every time I open the window. It is not happening. I can see in the debugger that new values are there window is not updating the values except content. How can do this?
 

[Alex Gyoshev]

Hello Himadri,

The window should be initialized just once. You can simply destroy the window when it is closed, so that it gets initialized every time:

    dialog.clone().appendTo("body").kendoWindow({
        deactivate: function(e) {
            this.destroy();
        }
    }); 

Kind regards,
Alex Gyoshev
the Telerik team

[HIMADRI]

Alex,
Thanks for the reply. I tried to add the deactivate event on the initalization like below. It did destroy the window but next time when openmodal called it is skippng the initialization and trying to execute dialog.data("kendowWindow").center(). This results in error because kendoWindow is already destroyed. I tried your code too but that is opening more than one window. Thanks for the help.

        var ondeactivate = function (e) {
            this.destroy();
        }
    $('span[data-class=ModalLink]').click(openmodal);
    $('a[data-class=ModalLink]').click(openmodal);
    function openmodal(event) {
        event.preventDefault();
        var contentUrl = $(this).attr("data-content");
        if (!contentUrl) {
            contentUrl = $(this).attr("href");
        }
        if (contentUrl) {
            var dialog = $("#modalwindow");
            dialog.kendoWindow({
                deactivate: ondeactivate,
                modal: true,
                title: $(this).attr("data-title"),
                actions: ["Close"],
                draggable: $(this).attr("data-draggable"),
                resizable: $(this).attr("data-resizable"),
                height: $(this).attr("data-height"),
                width: $(this).attr("data-width"),
                content: contentUrl
            });
            dialog.data("kendoWindow").center();
            dialog.data("kendoWindow").open();
        }
        else {
            alert("The URL to populate the modal window is missing.");
        }
    }

[Alex Gyoshev]

Hello Himadri,

In the code snippet I posted earlier, I was cloning the source element and appending it to the body:

    dialog.clone().appendTo("body").kendoWindow({ ...

This allows the window to be initialized each time.

Greetings,
Alex Gyoshev
the Telerik team