No action event in window nested dataTable

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

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


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