How to set window-location programmatically?

Hello,
I went through the doc-examples to understand how to work with the window-component and
I recognized, that the window appears every time on the same location, doesn't matter wich
values to set for "top" or "left".

 ...
 <e:window id="window" 
     	  title="Preferences"
           width="300px" height="250px" top="10px" left="10px"
           movable="true" 
           resizable="true" 
           binding="#{windowBean.basicWindow}">
 ...

In the pdf you can read "You can define Window’s opening size by specifying height and width
attributes, and you can determine the location where it should open by specifying top and
left-hand coordinates in the div." That means, there is a way to set the exact location.

In my future application the user should be able to open windows, change their size and location.
When the user clicks on the close-button [X] an onclose-event is fired and this method reads
it's window's size (width and height) and it's location (top and left) and then stored in an
valueHolderBean so that, when opening the same window again, it should appears on the same location
with same size. So I modfied the window-basic.jsp like this:

 ...
 <e:window id="window" 
     	      title="Preferences"
               onopen="#{windowBean.openBasicWindow}"
               movable="true" 
               resizable="true" 
               onclose="#{windowBean.closeBasicWindow}"
               binding="#{windowBean.basicWindow}">
 ...

an the corresponding backing bean (only modification here's showing), that has a request-scope:

 ...
     public void openBasicWindow(ActionEvent actionevent) 
     {
     	FacesContext fc = FacesContext.getCurrentInstance();
     	javax.faces.application.Application appl = fc.getApplication();
     	ValueHolder valholder = (ValueHolder)appl.createValueBinding("#{valueHolder}").getValue(fc);
     	
     	basicWindow.setWidth(valholder.getWidth());
     	basicWindow.setHeight(valholder.getHeight());
     	basicWindow.setTop(valholder.getTop());
     	basicWindow.setLeft(valholder.getLeft());
     	
     	basicWindow.setPopupLocation(valholder.getLocation());
     }
 ...
     public void closeBasicWindow(ActionEvent actionevent)
     {
     	FacesContext fc = FacesContext.getCurrentInstance();
     	javax.faces.application.Application appl = fc.getApplication();
     	ValueHolder valholder = (ValueHolder)appl.createValueBinding("#{valueHolder}").getValue(fc);
     	
     	valholder.setWidth(basicWindow.getWidth());
     	valholder.setHeight(basicWindow.getHeight());
     	valholder.setTop(basicWindow.getTop());
     	valholder.setLeft(basicWindow.getLeft());
     	valholder.setLocation(basicWindow.getLeft()+","+basicWindow.getTop());
 
     	basicWindow.close();
     }
 ...

The ValueHolder-bean with session-scope:

 package testing;
 
 public class ValueHolder {
 
 	String width;
 	String height;
 	String top;
 	String left;
 	
 	public ValueHolder() {  //Standardconstructor
 		
 		width	= "100";
 		height	= "100";
 		top	= "100";
 		left	= "100";
 		
 	}
 
 	// **********  Getter and Setters  ***********
 	
 	public String getWidth() {
 		System.out.println("### Getter width = "+width);
 		return width;
 	}
 
 	public void setWidth(String width) {
 		this.width = width;
 		System.out.println("### Setter width = "+width);
 	}
 
 	public String getHeight() {
 		System.out.println("### Getter height = "+height);
 		return height;
 	}
 
 	public void setHeight(String height) {
 		this.height = height;
 		System.out.println("### Setter height = "+height);
 	}
 
 	public String getTop() {
 		System.out.println("### Getter top = "+top);
 		return top;
 	}
 
 	public void setTop(String top) {
 		this.top = top;
 		System.out.println("### Setter top = "+top);
 	}
 
 	public String getLeft() {
 		System.out.println("### Getter left = "+left);
 		return left;
 	}
 
 	public void setLeft(String left) {
 		this.left = left;
 		System.out.println("### Setter left = "+left);
 	}
 }

What happens:
The small window appears. If you change the size and close it, the values are stored in the
variables "width", "height", "top" and "left" of the ValueHolder-bean. The next time the window
appears with the last size (that is working!) but not on the last location. It seams that
the values "top" and "left" are totally ignored. Even if I set these values dirct in the jsp:
position="absolute" top="10px" left="10px"
or
position="absolute" top="300px" left="200px"
the windows appears at the same location. I tried to surround the window in an <e:div> tag
but without success.
What am I doing wrong?

Greetings, Axel

This was an internal bug to window component that we fixed.
We have an observation: onOpen and onClose events are fired after the window open and close and make a separate request to the server.
Because of this initially the window will apear in a position and after onopen request comes back it will move the window to your position.
A better solution will be to use value bindings for top, left, width and height so they are used exactly when the windows open.

Best regards,
Simplica Support Team.

Hello ldanut,
thanks for your reply but your suggested solution didn't work. I can set separate value bindings for each attribute width, height, top and left

width="#{basicWindow.width}"
height="#{ basicWindow.height}"
top="#{ basicWindow.top}"
left="#{ basicWindow.left}"

or set the values direct

width="400"
height="400"
top="400"
left="400"

the window pops up always on the same location.

In which version is the bug fixed?

Greetings, Axel


	Home \| News \| Contact \| About \| License \| Privacy \| Documentation
	Copyright © 2012 Simplica Corporation. All rights reserved.