Converting a normal window to dhtmlx window

Suite and Optimus Suite 5
#1

Hi,

What are the steps to replace a normal ‘pop up’ window by a dhtmlx window?

#2

Hi,

please have a look at the article about the initialization of the component:
docs.dhtmlx.com/doku.php?id=dhtm … mlxwindows

To load the page to the window you need to call attachURL method:

dhtmlx.com/docs/products/dht … h_url.html

#3

How can we perform a http post using attachUrl method ?
In a normal window we use ‘document.forms..target’
Ex:

wwindowcomplete = window.open("",“wincomplete”,20,30);
document.forms.jobsPost.target = “wincomplete”;
document.forms.jobsPost.submit();

How can we achieve the same using a dhtmlx window?

#4

You may define an iframe as a form target. But in this case you need to attach iframe to dhxwindow using attachObject method.

dhxWins.window(id).attachObject(“ifr”);

#5

How can we have the iframe the same size as of dhtmlx window? i.e., on resizing the dhtmlx window the frame insde it should also get resized and should exactly fit into the dhtmlx window

Code:

dhxWins = new dhtmlXWindows();
w1 = dhxWins.createWindow(“w1”, 20, 30, 320, 240);

w1.attachObject(“ifr”);

Also, what is the dhtmlxwindow equivalent of the following window functions

  1. window.opener
  2. window.location
  3. window.opener.location
  4. window.close

Also, how can we make function w1.setModal(true) cover the entire window. Now if we scroll below the main window, it is still accessible below the scroll and can access it while it works fine for window before the scroll action(i.e., main window without the scroll)

#6

How can we have the iframe the same size as of dhtmlx window?

w1.attachObject("ifr");

Also, what is the dhtmlxwindow equivalent of the following window functions

the href is set in the attachURL method and can not be got by dhxWindows API. You may use getFrame() method to get iframe object (if the page is attached by the attachURL method, if you use attachObject, you need to use getElementById method)

Method close() closes dhxWindow. Please read the documentation and see samples for the component.

Now if we scroll below the main window, it is still accessible below the scroll and can access it while it works fine for window before the scroll action(i.e., main window without the scroll)

you can place the “overall” container with desired sizes on the page, the container with all html element of the page. The viewport can be attached to this container. And in this case “modal” property will be applied for this container:

dhtmlxWindows/samples/02_viewports/03_render_as.html

#7

Please tell the steps to replace window.opener.location.href using dhtmlxwindow functions.

i.e., from the main window, on clicking a button , a dhtmlx window pops out…now how can we access the parent window. For usual windows it is done through window.opener. Please guide on how to implement the same for dhtmlx window.

The dhtmlx window is launched using iFrame by posting the hidden forms and attaching to dhtmlxwindow through dhxwins.attachObject()

#8

Please tell the steps to replace window.opener.location.href using dhtmlxwindow functions.

If use attachURL method to load a page (it means - use iframe), inside this page you may get a parent window using “parent”. So, probably parent.location.href is what you need

#9

On the same dhtmlx window, different pages are going to be displayed. How can we dynamically change the dhtmlxwindow name which has been already set using

w1 = dhxWins.createWindow(“w1”, 20, 30, 700, 500);
w1.setText(“Jobs To Complete”);

Now the dhtmlxwindow name is “Jobs To Complete”. In the same window another page is going to be displayed which has the heading “Confirmation”, but since the dhtmlx winddow text has been set , how can we rename it dynamically according to the heading of the page.

#10

You may call setText method again
w1.setText(“The new name”);

#11

A dhtmlxgrid has to be populated from an xml using mygrid.loadXMLString();, in the xml , how can we make the row type as read-only. For making the cell type as read-only , we use
'<cell align=‘left’ type=‘ro’ ’ in the xml for populating the grid. In a similar way what should be the command to make the entire row as read only.

The xml for populating the grid is shown below:

[b][/b] West 20101027 / 08:00 [b] 20101027 / 09:00 0.0 0.0 250 250:LOC593 [b][/b] West 20101027 / 09:00 20101027 / 10:00 0.0 0.0 250 250:LOC593 40050832 250
#12

Windows can’t be completely moved outside the viewport. … The skin parameter allows users to change dhtmlxWindows skins. There is a set of predefined skins.