Dynamically creating configurable RadWindows (clientside)

[KracsNZ]

Is there a way to create new radwindows from the clientside via javascript so they are configured before being displayed?

I want to set their behaviour and size and position based on whats been passed to the javascript function that creates the window before it gets displayed.

Whenever I call the radopen or radwindow.open functions it displays the window before I can configure it which results in some ugly post-display changes.

This is what I currently have...

// retrieve the radwindowmanager for the page
var oManager = null;


function mainOpenWindow(name, url, winid, buttons, tabs, width, height, left, top, pinned) {
    /*
    This function dynamically creates a new rad window configured in a curtain way
    url: target url for inner window
    winid: id for the window
    buttons: what buttons to display
    tabs: 0 = use tabs, 1 = use new window
    width, height, left, top: window position
    pinned: is window pinned
    */
    if (!oManager) oManager = GetRadWindowManager();

    var oWindow = oManager.open(url, null);
    oWindow.set_behaviors(buttons);
}

Is there a way for me to create a new radwindow, set its properties, attach it to the radwindowmanager and then display it?

[Georgi Tunev]

Hello Mark,

When you use radopen() or GetRadWindowManager().open(), RadWindow is created but it is shown immediatley - you can make changes in its behavior, but these actions will be visible
What I can suggest is to have a RadWindow declared on the page - this way you can access it with the ASP.NET AJAX $find(). From this point on you can set various properties by using RadWindow's client-side API and to show it after that with the show() method.


Kind regards,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[KracsNZ]

I can't set it in the form because I have no idea which (and how many) windows will be opened by the client.

It would be great if you guys could consider a client side option to do this for a future release. i.e. just add some parameters to the RadOpen and RadWindowManager.Open to either accept behaviours or to start invisible.

Cheers.

[Georgi Tunev]

Hi Mark,

In general you can achieve this by using the fact that RadWindowManager is yet another RadWindow. We don't recommend using this approach, but if you need, you can try it like this:

function createWin()
{
    var manager = $find("<%= RadWindowManager1.ClientID %>");
    var newWnd = manager.clone("NewWndName");
    newWnd.setUrl("http://www.google.com");
    newWnd.show();
}

All the best,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[KracsNZ]

I tried creating a hidden template window and cloning that, but it wasn't even available to clone with visible set to false.

Just curious why you said not to clone the RadWindowManager?

Cheers.

[Georgi Tunev]

Hi Mark,

Basically, RadWindow is opened in 2 ways - as a server object (VisibleOnPageLoad=true) or with radopen / show that are RadWindowManager's client-side methods. These ways ensure that the window object will be properly initialized and behaves as expected while there are possible side-effects when cloning the manager.

By the way, Visible=false set to any control (not just RadWindowManager/RadWindow) will not render the control in the page - that is why you were not able to clone the manager.


Greetings,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.