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

Mon Aug 5 08:35:26 EDT 2013

Alexey Shakov created RF-13118:
----------------------------------

             Summary: 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

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