[richfaces-issues] [JBoss JIRA] Created: (RF-3815) rich:calendar, popup is not comming up

Thu Jun 26 18:59:58 EDT 2008

rich:calendar, popup is not comming up
--------------------------------------

                 Key: RF-3815
                 URL: http://jira.jboss.com/jira/browse/RF-3815
             Project: RichFaces
          Issue Type: Bug
    Affects Versions: 3.2.2
         Environment: My Environment
jboss-4.2.2-GA
jsf-1.2 RI
facelets 1.1.14
richfaces-ui-3.2.1
java sdk 1.5
eclipse wtp-europa
fire-fox web browser
            Reporter: Mariano Kocalka Machala
            Priority: Optional
             Fix For: 3.2.2

Im facing a strange problem with richfaces calendar component + facelets

Sample1 (works FINE)
-xhtml page
-NO ui composition template
-rich:calendar with popup

Sample2 (DO NOT work)
-xhtml page
-ui composition template
-rich:calendar (INSIDE a defined section) with popup

Problem:
1. In the sample2, the calendar popup is not working. When i click over the calendar button it is not comming up and im not able to select a date.

2. I have used the fire fox error-console (to see whats going on) and i figure out that every time the rich:calendar component get focus, a javascript error is happening.

3. this is the error trace (from firefox)
Error: document.body has no properties
Source File: http://localhost:8080/web20-cpanel/a4j_3_2_1-SNAPSHOTorg/richfaces/renderkit/html/scripts/calendar.js.jsf Line: 26

Here's the code that works fine

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
	xmlns:u="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:r="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	xmlns="http://www.w3.org/1999/xhtml">
<body>
<h:form>
	<h:panelGrid columns="2">
		<label>#{msgs.commons_fromDate}:</label>
		<r:calendar
			value="#{calendarController.fromDate}"
			popup="true" />

		<label>#{msgs.commons_toDate}:</label>
		<r:calendar
			value="#{calendarController.toDate}"
			popup="true" />
	</h:panelGrid>
</h:form>

</body>
</html>

HOWEVER, IF I PUT THIS code within a ui-composition template, the calendar popup is NOT longer accessible and i got the JS Error above.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
	xmlns:u="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:r="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	xmlns="http://www.w3.org/1999/xhtml">
<body>

<u:composition template="/WEB-INF/facelets/templates/menu-layout.xhtml">

	<u:define name="body">
		<h:form>
			<h:panelGrid columns="2">
				<label>#{msgs.commons_fromDate}:</label>
				<r:calendar
					value="#{calendarController.fromDate}"
					popup="true" />

				<label>#{msgs.commons_toDate}:</label>
				<r:calendar
					value="#{calendarController.toDate}"
					popup="true" />
			</h:panelGrid>
		</h:form>
	</u:define>

</u:composition>

</body>
</html>

Finally, this is the code for the base template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
	xmlns:u="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:r="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	xmlns="http://www.w3.org/1999/xhtml">
<body>

<u:composition>
	<table width="100%" height="10%">
		<tr>
			<td valign="top">
				<u:insert name="header">
					This is the header, status:
					<a:status
						id="commonstatus"
						startText="Processing..."
						stopText="Ready." />
				</u:insert>
			</td>
		</tr>
	</table>

	<table width="100%" height="90%">
		<tr>
			<td width="15%" valign="top">
				<u:insert name="menu">
					<r:panelBar>
						<r:panelBarItem label="Options">
							<ul>
								<li><a href="calendar.jsf">Calendar</a></li>
								<li><a href="combo.jsf">Combo</a></li>
								<li><a href="pick.jsf">Pick</a></li>
								<li><a href="panel.jsf">Panel</a></li>
								<li><a href="datatable.jsf">Datatable</a></li>
							</ul>
						</r:panelBarItem>
						<r:panelBarItem label="More">
							No options!
						</r:panelBarItem>
					</r:panelBar>
				</u:insert>
			</td>
			<td width="85%" valign="top">
				<u:insert name="body">
					This is the body
				</u:insert>
			</td>
		</tr>
	</table>

</u:composition>

</body>
</html>

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: http://jira.jboss.com/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira