[richfaces-issues] [JBoss JIRA] (RF-13118) Combination of tabPanel and accordion results in Javascript error

Thu Sep 5 09:58:03 EDT 2013

    [ https://issues.jboss.org/browse/RF-13118?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12801937#comment-12801937 ] 

Alexey Shakov commented on RF-13118:
------------------------------------

Sorry for a long delay, Brian.

This workarond is really very naive and doesn't fix the source of a problem...

> Combination of tabPanel and accordion results in Javascript error
> -----------------------------------------------------------------
>
>                 Key: RF-13118
>                 URL: https://issues.jboss.org/browse/RF-13118
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>          Components: component-panels-layout-themes
>    Affects Versions: 4.3.3
>         Environment: jdk1.7.0_21; apache-tomcat-7.0.42; Mojarra 2.1.24; Firefox;
>            Reporter: Alexey Shakov
>              Labels: low_hanging_fruit
>             Fix For: 5-Tracking
>
>
> Test code:
> {code:xml}
> <?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="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html"
>   xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:rich="http://richfaces.org/rich" xmlns:a4j="http://richfaces.org/a4j"
>   xmlns:f="http://java.sun.com/jsf/core" xml:lang="en" lang="en">
> <h:head>
>   <!-- <h:outputScript name="accordionItem.js" library="org.richfaces" /> -->
> </h:head>
> <h:body>
>   <c:if test="#{testBean.activeItem==null}">
>     <c:set target="#{testBean}" property="activeItem" value="tab1" />
>   </c:if>
>   
>   <h:form id="form" prependId="false">
>     <h:panelGroup id="pg">
>       <rich:tabPanel activeItem="#{testBean.activeItem}" id="tabPanel">
>         <rich:tab header="tab1" name="tab1" render="tabPanel">
>           <rich:accordion switchType="client">
>             <rich:accordionItem header="Item1">
>               <a4j:commandLink value="show tab2" action="#{testBean.put('activeItem','tab2')}" render="pg" execute="@this"/>
>             </rich:accordionItem>
>             <rich:accordionItem header="Item2">
>               <a4j:commandLink value="show tab2" action="#{testBean.put('activeItem','tab2')}" render="pg" execute="@this"/>
>             </rich:accordionItem>
>           </rich:accordion>
>         </rich:tab>
>         <rich:tab header="tab2" name="tab2">
>           <a4j:commandLink value="back" action="#{testBean.put('activeItem','tab1')}" render="pg" execute="@this"/>
>         </rich:tab>
>       </rich:tabPanel>
>     </h:panelGroup>
>   </h:form>
>   
> </h:body>
> </html>
> {code}
> where testBean is a simple HashMap with session scope.
> So, the page contains a tab-panel with two tabs.
> First tab contains an accordion with some items. The accordion items have some menu-links inside. Click on one of this links causes second tab to be  selected.

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira