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

Wednesday, 7 August 2013

     [
https://issues.jboss.org/browse/RF-13118?page=com.atlassian.jira.plugin.s...
]

Brian Leathem updated RF-13118:
-------------------------------

    Workaround Description: 
Modify accordionItem.js (function __fitToHeight):

{code}
__fitToHeight : function (parentPanel) {
   if (!parentPanel) return; //<- NEW: check if parentPanel is defined
   var h = parentPanel.getInnerHeight();
   .............
{code}

  was:
Modify accordionItem.js (function __fitToHeight):

__fitToHeight : function (parentPanel) {
   if (!parentPanel) return; //<- NEW: check if parentPanel is defined
   var h = parentPanel.getInnerHeight();
   .............

...
 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

2024

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007