Two or more datatables next to each other

Hello everybody i would like to render two or more datatables next to each other(in one row of the page) not one above and one under that table.Is that possible? How? Thanks!
[188 byte] By [barntia] at [2007-10-3 2:33:32]
# 1
Use panelgrid.<h:panelGrid columns="2"><h:dataTable /><h:dataTable /></h:panelGrid>
BalusCa at 2007-7-14 19:32:32 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 2

[nobr]Hi,

good to see you again.

I tried the following:

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>

<html>

<head>

<title>Jahres黚ersicht</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<f:view>

<h3>Die UIPanel-Komponente</h3>

<i>Dieses Beispiel verdeutlicht die Verwendung

des panelGroup-Tags anhand einer Anmeldemaske:</i>

<br><br>

<h:form id="frm_jahresuebersicht">

<h:panelGrid border="1" columns="2"

headerClass="tableheader" footerClass="tablefooter">

<h:dataTable headerClass="tableheader"

columnClasses="row-normal"

rowClasses="row-normal"

first="#{Jahr.counter}"

rows = "31"

var="listItem"

value="#{Jahr.list}"

binding="#{Jahr.myDataTable}"

id="table_Januar">

<h:column id="column_Januar" rendered="true">

<f:facet name="header">

<f:verbatim>Januar</f:verbatim>

</f:facet>

<h:outputText value="#{listItem.tagMonat}"

id="outputText_Januar"/>

</h:column>

</h:dataTable>

<h:dataTable headerClass="tableheader"

columnClasses="row-normal"

rowClasses="row-normal"

first="#{Jahr.counter+31}"

rows = "30"

var="listItem"

value="#{Jahr.list}"

binding="#{Jahr.myDataTable}"

id="table_Februar">

<h:column id="column_Februar"

rendered="true">

<f:facet name="header">

<f:verbatim>Februar</f:verbatim>

</f:facet>

<h:outputText value="#{listItem.tagMonat}"

id="outputText_Februar"/>

</h:column>

</h:dataTable>

</h:panelGrid>

</h:form>

</f:view>

</body>

</html>

But i get the following error:

java.lang.IndexOutOfBoundsException: Index: 1, Size: 0

java.util.ArrayList.add(Unknown Source)

javax.faces.component.UIComponentBase$ChildrenList.add(UIComponentBase.java:1462)

javax.faces.webapp.UIComponentTag.createChild(UIComponentTag.java:1038)

javax.faces.webapp.UIComponentTag.findComponent(UIComponentTag.java:749)

javax.faces.webapp.UIComponentTag.doStartTag(UIComponentTag.java:429)

com.sun.faces.taglib.html_basic.DataTableTag.doStartTag(DataTableTag.java:473)

org.apache.jsp.web.jahresuebersicht_jsp._jspx_meth_h_dataTable_1(jahresuebersicht_jsp.java:347)

org.apache.jsp.web.jahresuebersicht_jsp._jspx_meth_h_panelGrid_0(jahresuebersicht_jsp.java:186)

org.apache.jsp.web.jahresuebersicht_jsp._jspx_meth_h_form_0(jahresuebersicht_jsp.java:153)

org.apache.jsp.web.jahresuebersicht_jsp._jspx_meth_f_view_0(jahresuebersicht_jsp.java:121)

org.apache.jsp.web.jahresuebersicht_jsp._jspService(jahresuebersicht_jsp.java:82)

org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:94)

javax.servlet.http.HttpServlet.service(HttpServlet.java:856)

org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:268)

org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:258)

org.apache.jasper.servlet.JspServlet.service(JspServlet.java:205)

javax.servlet.http.HttpServlet.service(HttpServlet.java:856)

com.sun.faces.context.ExternalContextImpl.dispatch(ExternalContextImpl.java:322)

com.sun.faces.application.ViewHandlerImpl.renderView(ViewHandlerImpl.java:130)

com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:87)

com.sun.faces.lifecycle.LifecycleImpl.phase(LifecycleImpl.java:200)

com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:117)

javax.faces.webapp.FacesServlet.service(FacesServlet.java:198)

de.aol.wfm.filter.SecurityFilter.doFilter(SecurityFilter.java:81)

de.aol.wfm.filter.UebersichtFilter.doFilter(UebersichtFilter.java:75)

de.aol.wfm.filter.SecurityFilter.doFilter(SecurityFilter.java:81)

When i delete the second table it shows the first without exception? Any ideas? Regards,

ak[/nobr]

barntia at 2007-7-14 19:32:32 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 3
what is the scope of --"Jahr"
rajureddya at 2007-7-14 19:32:32 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 4
Hi,the scope is request
barntia at 2007-7-14 19:32:32 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 5
Hi,1st- try removing--first="#{Jahr.counter+31}" from the second table.still error means change ur bean to faces managed bean i.e session scope.
rajureddya at 2007-7-14 19:32:32 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 6

[nobr]Hi,

i tried the following:

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>

<html>

<head>

<title>Jahres黚ersicht</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<f:view>

<h3>Die UIPanel-Komponente</h3>

<i>Dieses Beispiel verdeutlicht die Verwendung des panelGroup-Tags

anhand einer Anmeldemaske:</i>

<br>

<br>

<h:form id="frm_jahresuebersicht">

<h:panelGrid columns="2" headerClass="tableheader"

footerClass="tablefooter">

<h:dataTable headerClass="tableheader"

columnClasses="row-normal"

rowClasses="row-normal"

first="#{Jahr.counter}"

rows="31"

var="listItem"

value="#{Jahr.list}"

binding="#{Jahr.myDataTable}"

id="table_Januar">

<h:column id="column_Januar" rendered="true">

<f:facet name="header">

<f:verbatim>Januar</f:verbatim>

</f:facet>

<h:outputText value="#{listItem.tagMonat}" id="outputText_Januar" />

</h:column>

</h:dataTable>

<h:dataTable headerClass="tableheader"

columnClasses="row-normal"

rowClasses="row-normal"

first="32"

rows="30"

var="listItem"

value="#{Jahr.list}"

binding="#{Jahr.myDataTable}"

id="table_Februar">

<h:column id="column_Februar" rendered="true">

<f:facet name="header">

<f:verbatim>Februar</f:verbatim>

</f:facet>

<h:outputText value="#{listItem.tagMonat}" id="outputText_Februar" />

</h:column>

</h:dataTable>

</h:panelGrid>

</h:form>

</f:view>

</body>

</html>

No change still get the error.

By the way: I need the element first because i want to render the data table next to each other. So i get one month from 1 - 31(30) days in each table. So what to do next? I got stuck!

Regards,

ak[/nobr]

barntia at 2007-7-14 19:32:32 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...
# 7
Hi folks,got it. Started it all over. Now it works. Thank you for your attention.Regards,ak
barntia at 2007-7-14 19:32:32 > top of Java-index,Enterprise & Remote Computing,Web Tier APIs...