[
https://issues.apache.org/jira/browse/TOMAHAWK-1130?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12638817#action_12638817
]
Leonardo Uribe commented on TOMAHAWK-1130:
------------------------------------------
I have checked the issue with this example:
on testTabbedPane2.jsp
...............
<f:view>
<h:form>
<t:panelTabbedPane id="clientSideSwitch" width="100%"
serverSideTabSwitch="false">
<t:panelTab label="Client Tab 1">
<t:subform>
<h:outputLabel for="ctab_1_input" value="Required Value" />
<h:inputText id="ctab_1_input" required="true" />
<h:commandButton action="submit" />
<h:messages />
</t:subform>
</t:panelTab>
<t:panelTab label="Client Tab 2">
<t:subform>
<h:outputLabel for="subview_propListTab:registryCertificateDate"
value="Required Value" />
<f:subview id="subview_propListTab">
<jsp:include page="cal.jsp" />
</f:subview>
<h:commandButton action="submit" />
<h:messages />
</t:subform>
</t:panelTab>
</t:panelTabbedPane>
</h:form>
</f:view>
..............
on cal.jsp
<t:inputCalendar id="registryCertificateDate" renderAsPopup="true"
popupTodayString="today is"
popupDateFormat="MM/dd/yyyy" helpText="MM/DD/YYYY" forceId="true"/>
The problem appears.
The good news are that if you replace cal.jsp with something like this:
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<t:inputCalendar id="registryCertificateDate" renderAsPopup="true"
popupTodayString="today is"
popupDateFormat="MM/dd/yyyy" helpText="MM/DD/YYYY" forceId="true"/>
The problem disappear and the calendar is rendered correctly.
I believe this problem is invalid (strange but has sense), so if no objections
I'll close it as invalid.
> Calendar component is not working with Tabbed Pane
> --------------------------------------------------
>
> Key: TOMAHAWK-1130
> URL: https://issues.apache.org/jira/browse/TOMAHAWK-1130
> Project: MyFaces Tomahawk
> Issue Type: Bug
> Components: Calendar, Tabbed Pane
> Affects Versions: 1.1.7-SNAPSHOT
> Environment: Windows XP, IE 6.0 & Firefox 2.0, Apache-tomcat 6.0,
> Reporter: Nirav Patel
>
> Assume cal.jsp that renders calendar component. Below is the code snippet I
> used to render it. It works fine when I invoke the page from IE/Firefox.
> <t:inputCalendar id="registryCertificateDate"
> value="#{propertyListMB.property.registryCertificateDate}"
> renderAsPopup="true" popupTodayString="today is" popupDateFormat="MM/dd/yyyy"
> helpText="MM/DD/YYYY" forceId="true"/>
> After that I created tab.jsp that includes cal.jsp as one of its tab. Below
> is the code snippet for it...
> <t:panelTabbedPane serverSideTabSwitch="false">
> <t:panelTab id="propListTab" label="#{propValMsg.propList}"
> rendered="#{propertyValuationMB.propListVisible}" styleClass="pvsTabHeader">
> <f:subview id="subview_propListTab">
> <jsp:include page="cal.jsp" />
> </f:subview>
> </t:panelTab>
> </t:panelTabbedPane>
> Now, if I try to render tab.jsp on IE/Firefox it throws java-script error -
> "org_apache_myfaces_PopupCalendar is undefined".
> My debugging showed that generated HTML code includes required java scripts -
> "calendar.HtmlCalendarRenderer/date.js" and
> "HtmlCalendarRenderer/popcalendar.js" much after in the code before a
> reference to one of its function [org_apache_myfaces_PopupCalendar()] is
> made. Hence, we are getting java-script error.
> But, if you set "serverSideTabSwitch" to "true", surprisingly, it resolves
> the issue.
> Further investigation showed that if I set "serverSideTabSwitch" to true, it
> includes the required java scripts in the header info. Otherwise, it is not
> included in header. Below are the snipped of generated HTML code...
> When "serverSideTabSwitch" is set to "false"
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
> <title>Building Valuation</title>
> <link rel="stylesheet" type="text/css" href="../css/pvs-web.css" />
> </head>
> When "serverSideTabSwitch" is set to "true"
> <head>
> <link rel="stylesheet"
> href="/PVS-PL/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11925166/tabbedpane.HtmlTabbedPaneRenderer/defaultStyles.css"
> type="text/css" />
> <link rel="stylesheet"
> href="/PVS-PL/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11925166/calendar.HtmlCalendarRenderer/WH/theme.css"
> type="text/css" />
> <link rel="stylesheet"
> href="/PVS-PL/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11925166/calendar.HtmlCalendarRenderer/DB/theme.css"
> type="text/css" />
> <script type="text/javascript"
> src="/PVS-PL/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11925166/prototype.PrototypeResourceLoader/prototype.js">
> <!-- // --></script>
> <script type="text/javascript"
> src="/PVS-PL/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11925166/calendar.HtmlCalendarRenderer/date.js">
> <!--//--></script>
> <script type="text/javascript"
> src="/PVS-PL/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11925166/calendar.HtmlCalendarRenderer/popcalendar.js">
> <!--//--></script>
> <script type="text/javascript"
> src="/PVS-PL/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11925166/inputTextHelp.HtmlTextHelpRenderer/inputTextHelp.js">
> <!--//--></script>
> <title>Property List</title>
> <link rel="stylesheet" type="text/css" href="../css/pvs-web.css" />
> <script language="javascript" src="../js/pvs-web.js"></script>
> </head>
> Though, I have temporarily fixed my probelm. But I would like to use
> serverSideSwitch=false for better user experience. Would you please fix the
> issue in libraries or show me some better work around?
> Thanks,
> Nirav.
--
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.