Extending kendo window breaks kendoWindow

Question

I am attempting to subclass Kendo Window. So far my subclassed Window is working. However, it breaks the close event for standard Kendo Window. When the close event is called the follow error is thrown Uncaught TypeError: Cannot read property 'options' of undefined.

here is an example of what I'm trying to do. http://jsbin.com/IfoMOPU/6/edit?html,js,output

What am I missing to fix this?

Answer 1

I ran into this issue because My kendo window was loading a dynamic script in it's content. By moving this script into the header it resolved the issue

Answer 2

I believe this is a bug / design problem in Kendo UI. The only solution for now is to replace the kendoWindow widget and update the "windowObject" function so it also returns your window subclasses:

function windowObject(element, name) {
    var contentElement = element.children(KWINDOWCONTENT);

    return contentElement.data("kendoWindow") || contentElement.data("kendoMyWindow") || contentElement.data("kendo" + name);
}

Fixed example: http://jsbin.com/OfIHOm/1/edit

Update: As of Q2 2013 SP1 (version 2013.2.918), the code in the private function windowObject has been moved to the method _object.

This means that you can subclass kendoWindow like any other widget, however you'll still need to update kendoWindow's _object method:

/**
* update kendoWindow's _object method to return our new widget as well
*/
ui.Window.fn._object = function (element) {
    var content = element.children(KWINDOWCONTENT);

    return content.data("kendoWindow") || content.data("kendoMyWindow") || content.data("kendo" + this.options.name);
};

Updated example at http://jsfiddle.net/lhoeppner/qj2HL/