Messages posted by: sn7400

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

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

I found my mistake.

Both window components were binded on the same backingBean. So that means, every window component must bind to their own bean.

Greetings, Axel

Hello,
I created a jsp with a <e:menubar> that opens a popup component by clicking on a <e:menucell>.
The page includes 2 jsp's that representing a <e:window> component. When the menucell is clicked,
no window is opening. See this code:

 <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
 <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
 <%@ taglib uri="http://www.simplica.com/jsf/ecruiser" prefix="e" %>
 
 <html>
 <%@include file="include/head.inc"%>
 
 <body>
 <f:view>
 
   <link id="menubar-basic-css" rel="stylesheet" href="menubar/menu.css"/>
   <e:div id="menubar-basic-control-panel" align="center" styleClass="controlPanel">
     <h:outputText value="MenuBar Basic"/>
 
   </e:div>
 	  <e:form id="main">
 	  
           <e:include id="a" src="fenster/win_only.jsp" ></e:include>
          
           <e:include id="b" src="fenster/win_kostenarten.jsp"></e:include>
 
 			<h:outputText value="MenuBar with SelectionListener Example"
 			styleClass="title"/>
 			<div class="display-panel">
 			<b>Selected Value:</b>
 			<h:outputText id="out" binding="#{selectionListenerBean.selectionOutputText}"/>
 			</div>
 			
 			<e:menubar id="mBar" ajax="true"
 					   horizontal="true" 
 					   selectionListener="#{selectionListenerBean.processSelectionChange}">
 				<e:menucell value="File">
 					<e:menucell value="New" icon="images/folder.gif"/>
 					<e:menucell value="Window" popupComponent="window_1"/>
 					<e:menucell value="Close"/>
 				</e:menucell>
 			
 				<e:menucell value="Systemtabellen">
 					<e:menucell id="mc_kostenarten" value="Kostenarten" popupComponent="window_kostenarten"></e:menucell>
 					<e:menucell id="mc_banken" value="Banken" popupComponent="window_banken"></e:menucell>
 				</e:menucell>
 			
 			</e:menubar>
 		</e:form>
 </f:view>
 </body>
 </html>

An Error in IE6 occured: "domNode is Null or not an Objekt".
If I change the jsp by only including one jsp like this, it works:

 <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
 <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
 <%@ taglib uri="http://www.simplica.com/jsf/ecruiser" prefix="e" %>
 
 <html>
 <%@include file="include/head.inc"%>
 
 <body>
 <f:view>
 
   <link id="menubar-basic-css" rel="stylesheet" href="menubar/menu.css"/>
   <e:div id="menubar-basic-control-panel" align="center" styleClass="controlPanel">
     <h:outputText value="MenuBar Basic"/>
 
   </e:div>
 	  <e:form id="main">
 	  
           <e:include id="a" src="fenster/win_only.jsp" ></e:include>
 
 			<h:outputText value="MenuBar with SelectionListener Example"
 			styleClass="title"/>
 			<div class="display-panel">
 			<b>Selected Value:</b>
 			<h:outputText id="out" binding="#{selectionListenerBean.selectionOutputText}"/>
 			</div>
 			
 			
 			<e:menubar id="mBar" ajax="true"
 					   horizontal="true" 
 					   selectionListener="#{selectionListenerBean.processSelectionChange}">
 				<e:menucell value="File">
 					<e:menucell value="New" icon="images/folder.gif"/>
 					<e:menucell value="Window" popupComponent="window_1"/>
 					<e:menucell value="Close"/>
 				</e:menucell>
 			
 				<e:menucell value="Systemtabellen">
 					<e:menucell id="mc_kostenarten" value="Kostenarten" popupComponent="window_kostenarten"></e:menucell>
 					<e:menucell id="mc_banken" value="Banken" popupComponent="window_banken"></e:menucell>
 				</e:menucell>
 			
 			</e:menubar>
 		</e:form>
 
 </f:view>
 </body>
 </html>

I want to build up a "one-page-application" and of course it would work when I put every window
component with their children directly in the page, but then the page grow up too big. So I want to
make it modular by including every window-jsp.
I discovered when I surround every <e:include> tag with a <e:form> tag

 ...
 <e:form id="form_a">	
    <e:include id="a" src="fenster/win_only.jsp" ></e:include>
 </e:form>
 <e:form id="form_b">
    <e:include id="b" src="fenster/win_kostenarten.jsp"></e:include>
 </e:form>
 ...

the windows are opening but inside each window component is a <e:datatable> and some button nested and
the click-event outgoing from this window, is not processing. Nothing happens when clicking the button
"Filter". See this code of the including window-page:

 <%@ page language="java" pageEncoding="UTF-8"%>
 <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
 <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
 <%@ taglib uri="http://www.simplica.com/jsf/ecruiser" prefix="e" %>
 
 <link rel="stylesheet" href="css/bluegray.css" type="text/css"/>
 <link rel="stylesheet" href="css/window.css" type="text/css"/>
 
 <e:window id="window_banken" title="Banken" 
               styleClass="simple-window" 
               titleStyle="simple-title" 
               buttonStyle="simple-button"
               contentStyle="simple-content" 
               width="650px" height="400px" top="100px" left="200px" 
               movable="true" resizable="true"  
               binding="#{windowBean.basicWindow}" ajax="true"> 
               
 			
 			<h:panelGrid columns="2" width="100%">
 			
 			<h:panelGroup>
 
 			<e:datatable id="tabel1"
 						 title="Item Inventory"
 						 styleClass="dataTableMain"
 						 border="1"
 						 pageSize="0"
 						 scrolling="auto"
 						 width="100%"
 						 height="300px"
 						 binding="#{dataBean.dataTable}"
 						 dataModel="#{dataBean.wrappedDataModel}">
 				<e:dataTr>
 					<e:dataTd labelText=" " align="center" width="75">
 						<h:graphicImage url="images/computer.png"/>
 					</e:dataTd>
 					<e:dataTd id="serialNumber" labelText="SN #"/>
 					<e:dataTd id="RAM"/>
 					<e:dataTd id="hardDriveSize" labelText="Hard Drive"/>
 					<e:dataTd id="condition"/>
 				</e:dataTr>
 			</e:datatable>
 			
 			<e:button value="Filter" actionListener="#{dataBean.filter}"
                 ajax="true"/>
       		<e:button value="Clear Filter" actionListener="#{dataBean.clearFilter}"
                 ajax="true"/>
 
 			</h:panelGroup>
 			
 			</h:panelGrid>
 </e:window>

What can I do?

Greetings, Axel

Hello adina_mihai,

thanks a lot! Now it is working

Greetings Axel

Hello adina_mihai,

thanks for reply but if I insert this in the action listener:

 ...
 import simplica.util.filter.Filter;
 import simplica.util.filter.FilterFactory;
 ...
 public void filter(ActionEvent e)
 {
  
       ECDataModel dataModel = dataTable.getDataModel();
       
       Filter eqFilter1 = FilterFactory.eq("condition", "New");
       Filter eqFilter2 = FilterFactory.eq("condition", "Used");
  
       dataModel.setFilter(simplica.util.filter.FilterFactory.conjunction(eqFilter1,eqFilter2));
  
 }
 ...

an error occured:
The method conjunction() in the type FilterFactory is not applicable for the arguments (Filter, Filter)

What can I do?

Hello adina_mihai,
I went through these examples and understand how to work with a simple filter like this:

ECDataModel dataModel = dataTable.getDataModel();
dataModel.setFilter(simplica.util.filter.FilterFactory.eq("condition", "New"));

but I don't understand the syntax if I want to filter both condition "New" AND "Used"

dataModel.setFilter(simplica.util.filter.FilterFactory.Conjunction(...)......

Can you give me an example, please.

Greetings, Axel

Hello,
is there an example available that shows the way how to use the ecDataModel filter?

Thanks, Axel

Hello adina_mihai,
you are right. That's it! Now it works

Thank you.

Axel

I expected the same effect as on your demo. If you click a menucell there the whole page is not reloading.

Hello,

I set up a new web-application in myeclipse to see how the ajax takes effect with the menubar component but ajax ist rendering.
Here's the jsp file:

 <%@ page language="java" pageEncoding="ISO-8859-1"%>
 <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
 <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
 <%@ taglib uri="http://www.simplica.com/jsf/ecruiser" prefix="e" %>
 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
   <body>
     This is my JSP page. <br>
     <f:view>
 <f:subview id="menubar-basic-jsp">
   <link id="menubar-basic-css" rel="stylesheet" href="menubar/menu.css"/>
   
   <e:div id="menubar-basic-control-panel" align="center" styleClass="controlPanel">
     <h:outputText value="MenuBar Basic"/>
   </e:div>
 	  <h:form>
 			<h:outputText value="MenuBar with SelectionListener Example"
 			styleClass="title"/>
 			<div class="display-panel">
 			<b>Selected Value:</b>
 			<h:outputText binding="#{selectionListenerBean.selectionOutputText}"/>
 			</div>
 			<e:menubar ajax="true"
 			horizontal="true" selectionListener="#{selectionListenerBean.processSelectionChange}">
 			<e:menucell value="File">
 			<e:menucell value="New" icon="images/folder.gif"/>
 			<e:menucell value="Window"/>
 			
 			<e:menucell value="Close"/>
 			</e:menucell>
 			
 			
 			</e:menubar>
 			<e:div ajax="true">
 			<h:outputText value="Hier auf traditionelle Weise: #{selectionListenerBean.inhalt}"></h:outputText>
 			</e:div>
 		</h:form>
 
 </f:subview>
 </f:view>
   </body>
 </html>

I modyfied the backing bean to print out som informations on the console:

 package de.reitermayer.ohf.listener;
 
 import ecruiser.advanced.menu.MenuCell; 
 import ecruiser.control.SelectionEvent; 
 import ecruiser.util.ECUtils; 
 import javax.faces.component.UIComponent;
 import javax.faces.component.UIOutput; 
  
 public class SelectionListenerBean {
 	
 	private UIOutput selectionOutputText;
 	private String inhalt;
 	
 	
 	
 	public UIOutput getSelectionOutputText() {
 	return selectionOutputText;
 	}
 	
 	
 	public String getInhalt() {
 		return inhalt;
 	}
 
 	public void setInhalt(String inhalt) {
 		this.inhalt = inhalt;
 	}
 
 
 
 	public void setSelectionOutputText(UIOutput selectionOutputText) {
 	this.selectionOutputText = selectionOutputText;
 	}
 	
 	
 	
 	public void processSelectionChange(SelectionEvent event) {
 		
 		UIComponent tmpComponent = event.getComponent();
 		String wer_hat_geklickt = tmpComponent.getId();
 		
 		System.out.println("######### EVENT ########## wer hat geklickt: "+wer_hat_geklickt);
 		
 	MenuCell selection = (MenuCell)event.getSelection();
 	if (selection == null) {
 	selectionOutputText.setValue(null);
 	}
 	else {
 	selectionOutputText.setValue(selection.getValue());
 	System.out.println("######### EVENT ########## welcher Wert: "+selection.getValue().toString());
 	this.inhalt = selection.getValue().toString();
 	
 	}
 	ECUtils.addDirtyComponent(selectionOutputText);
 	}
 	
 	}

When a menucell is clicked, you can see something like that on the console:

######### EVENT ########## wer hat geklickt: _id4
######### EVENT ########## welcher Wert: Window

So it fires an event but furthermore nothing happened on the page. If I change the ajax value from the menubar component form ajax="true" to ajax="false" the page is fully rendered, of course with the correct output.

The application is running on tomcat 5.5.17 and I'm using sun's RI 1.1.01

The web.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <web-app xmlns="http://java.sun.com/xml/ns/j2ee" xmlns<img src="http://www.simplica.com//images/smilies/1069449046bcd664c21db15b1dfedaee.gif"  />si="http://www.w3.org/2001/XMLSchema-instance" version="2.4" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee   <a href="http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" target="_blank" rel="nofollow">http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd</a>">
   <context-param>
     <param-name>javax.faces.CONFIG_FILES</param-name>
     <param-value>/WEB-INF/faces-config.xml</param-value>
   </context-param>
   
     <context-param>
     <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
     <param-value>server</param-value>
   </context-param>
   
     <context-param>
     <param-name>com.sun.faces.verifyObjects</param-name>
     <param-value>true</param-value>
   </context-param>
   
   <!-- Ensure listener loads on older application servers -->
   <listener>
     <listener-class>com.sun.faces.config.ConfigureListener</listener-class>
   </listener>
   
   <servlet>
     <servlet-name>Faces Servlet</servlet-name>
     <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
     <load-on-startup>1</load-on-startup>
   </servlet>
   <servlet-mapping>
     <servlet-name>Faces Servlet</servlet-name>
     <url-pattern>/faces/*</url-pattern>
   </servlet-mapping>
   
   <welcome-file-list>
     <welcome-file>index.html</welcome-file>
   </welcome-file-list>
   
 </web-app>

The faces-config.xml:

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE faces-config PUBLIC "-//Sun Microsystems, Inc.//DTD JavaServer Faces Config 1.1//EN" "http://java.sun.com/dtd/web-facesconfig_1_1.dtd">
 
 <faces-config>
   <managed-bean>
   	<managed-bean-name>selectionListenerBean</managed-bean-name>
   	<managed-bean-class>de.reitermayer.ohf.listener.SelectionListenerBean</managed-bean-class>
   	<managed-bean-scope>session</managed-bean-scope>
   </managed-bean>
   
 
   	<lifecycle>
 		<phase-listener>de.reitermayer.ohf.listener.MyPhaseListener</phase-listener>
 	</lifecycle>
   
 </faces-config>

I'm just discovering the ecuiser library at this time, so I have just a trial license key and I can't imagine that this has something to do with this problem. So the question here is:

What am I doing wrong?

Greetings, Axel


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