This is a migrated thread and some comments may be shown as answers.

Using add_resize to subscribe to client-side window resize events?

17 Answers 384 Views

Window

This is a migrated thread and some comments may be shown as answers.

MdB asked on 29 Jan 2008, 02:58 PM

Hello,

My ASP.NET 3.5 app uses a Prometheus Q3 RadWindow containing a single editor control. I would like the editor control to fill the entire RadWindow, even if the user resizes the window (in addition, I'd like to impose a minimum size on the window, but that's another issue). I'm using the following client-side code to achieve this:

<head>

    <script type="text/javascript">

        function getRadWindow() {

            var oWnd=null;

            if (window.radWindow) oWnd=window.radWindow;

            else if (window.frameElement.radWindow) oWnd=window.frameElement.radWindow;

            return oWnd;

        }

        

        function ResizeEditor() {

            var editor=$find("<%=Editor.ClientID%>");

            editor.setSize(getRadWindow().get_Width()-45,getRadWindow().get_Height()-75);

        }

        

        function pageLoad() {

            ResizeEditor();    

            getRadWindow().add_resize(ResizeEditor); //doesn't work!

        }

    </script>

</head>

The initial ResizeEditor() call in pageLoad() works just fine, and the editor is resized to fill the RadWindow just after it loads (the visible resizing isn't as pretty as I'd like, but at least it works...). However, the add_resize causes a JavaScript error: a stack overflow message box in IE7 and "too much recursion" somewhere in ScriptResource.axd when using Firefox.

This happens even when I use a dummy function as the add_resize argument, and also when I use add_close instead of add_resize.

What is the correct way to use add_resize in this scenario? And/or is there a better way to achieve the desired functionality?

Thanks!
Michiel de Bruijn

17 Answers, 1 is accepted

answered on 31 Jan 2008, 02:00 PM

Hello MdB,

The "stack overflow" problem is due to the debug code that is executed on the client when compilation debug is set to true. Unfortunately this is an ASP.NET AJAX issue and we cannot do much about it on our side. The only workaround at this point is to set <compilation debug="false"> in the web.config file of your application.

By the way, I checked your code and I see that you take only the initial size of the RadWindow here:

editor.setSize(getRadWindow().get_Width()-45,getRadWindow().get_Height()-75);

I would recommend changing get_Width() and get_Height() methods with getWindowBounds().height / getWindowBounds().width ones.

Sincerely yours,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

answered on 24 Sep 2009, 08:34 AM

Hello Damien,

As noted in this thread, the stack overflow error that arises from this is due to a problem in the MS AJAX framework and we cannot fix it on our side.

The good news however is that we managed to find a workaround. The idea is to ensure that the function added to some object with add_close is in the context of the page where the object is.
e.g. in the case with RadWindow:

    
            var oWnd = GetRadWindow(); 
        
            var browserWin = oWnd.BrowserWindow; 
        
            var fn = new browserWin.Function("sender","args", "alert(sender + ' was closed');"); 
        
            oWnd.add_close(fn);

I hope this helps. Same holds true for the add/remove_pageLoad()/resize() functions. That is why we would recommend to consider moving these functions in the parent page (where the RadWindow objects are) and to call them from within the content page when needed. More information on the subject is available here.

Kind regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 05 Oct 2009, 03:00 PM

Hi again,

Today I need to modify this code :

function SetRefreshGridOnClose() {
    var oWnd = GetRadWindow();
    var browserWin = oWnd.BrowserWindow;
    var fn = new browserWin.Function("sender", "args", "alert('hello')");
    oWnd.add_close(fn);
}

for calling a new function as third args of browserWin.Function
you know : new browserWin.Function("sender","args", "myfunction")

I've definied "myfunction" as

function myfunction(){
alert("my function is called");
}

but nothing ever happen ..

what should I do to call "myfunction" in the add_close event of my radwindow ?

thanks

Damien

answered on 08 Oct 2009, 12:54 PM

Hi guys,

Damine, as Shinu said, myfunction() should be declared on the parent page, e.g. the page where you create and execute the new function. I am not quite sure what exactly is your real scenario and what logic you wish to implement, but I suggest to open a support ticket and to send me a small sample that illustrates this. I will check it and will do my best to provide you with the most appropriate solution.

Sincerely yours,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 24 Jan 2011, 02:12 PM

I am dealing with the exact same problem. Opening a modal radwindow (2) from another modal radwindow (1) and having a client close event handler on the first radwindow (1). What I did was define a delegate function in the page that includes the window definition and windowmanager (in other words, the window opening the first modal radwindow (1)).

function delegate(thatMethod) {

return function (sender, args) {

return thatMethod.call(this, sender, args);

}

The javascript function opening the second modal radwindow looks something like this. Basically the onclientclose event handler defined in the first radwindow's context is wrapped by the delegate one which is in the page's context that contains the window manager.

function OpenWindow(url, windowName, onclientclose) {

var oMgr = GetRadWindow().get_windowManager();

var oWnd = oMgr.open(url, windowName);

if (onclientclose) oWnd.add_close(oWnd.BrowserWindow.delegate(onclientclose));

oWnd.center();

return oWnd;

}

This works ok and should resolve your problem.

The only problem I am facing now is how to remove the delegate from the radwindow's eventhandler list. Since the window isn't destroyed after usage, I have to unregister my onclose event handler. So I would like to call oWnd.remove_close(onclientclose) from the eventhandler itself. So if I pass a reference to the following function OnSelectReference, I would like to unregister it by calling wnd.remove_close(OnSelectReference). Unfortunately it's not the OnSelectReference function that is registered but the delegate. How to unregister my delegate now?

function OnSelectReference(wnd, args) {

           wnd.remove_close(OnSelectReference); // this won't work, since the delegate is registered

           // function content

           ...

}

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Using add_resize to subscribe to client-side window resize events?

17 Answers, 1 is accepted