3 Replies Latest reply on Apr 15, 2008 3:07 AM by cyc1one

    3.2.0GA - panelMenu and panelBar errors

    cyc1one

      I've upgraded to 3.2.0GA from 3.1.4 earlier today.
      Everything seems to deploy correctly but my panelMenu and panelBar no longer render correctly.

      There are no errors in the log, but when I view the source of the generated page I can see the following;

      (Sorry about the size of this extract, I've made it as small as possible)

      "




      new PanelMenu('headerSubView:sidebarForm:menu',false,'');






      Compared to the source before the upgrade













      Apps








      ... <!-- removed large number of menu options here -->

      new PanelMenu('headerSubView:sidebarForm:menu',false,'');
      var params = new Object();new PanelMenuItem(params,{myId:'headerSubView:sidebarForm:j_id11',parentId:'headerSubView:sidebarForm:menu'},{type:"node",onopen:";",onclose:";",event:"click",mode:"ajax",target:"",disabled:false,target:"",name:"j_id71_Apps"},{},new Array("dr-pmenu-hovered-element","rich-pmenu-hovered-element"),0,true,false,false,"A4J.AJAX.Submit('j_id___jsp_tag_ctru0','headerSubView:sidebarForm',event,{'parameters':{'headerSubView:sidebarForm:j_id11':'headerSubView:sidebarForm:j_id11'} ,'actionUrl':'/OIS2/faces/home.jsp?javax.portlet.faces.DirectLink=true'} )","","left","/OIS2/img/navigation/application.gif","/OIS2/img/navigation/application.gif","/OIS2/faces/a4j_3_1_4.GAorg.richfaces.renderkit.html.iconimages.PanelMenuIconSpacer/DATB/eAFjYGAAAAADAAE_");
      ... <!-- removed large amount of javascript here (defining menu options -->

      "

      As you can see, the menu has simply stopped rendering now, the div's, tables etc are not created and the javascript that powers the menu is not rendered.

      A similar thing happens with the panelBar, generated source as follows;





      100 Chicken Pizzas (Last Updated: 08/04/2008 14:04:34)
      100 Chicken Pizzas (Last Updated: 08/04/2008 14:04:34)




      Producing 100 chicken pizzas requires 100 chickens. 1 chicken per pizza remember.






      E.J. Thribb: Ode to New Millenium (Last Updated: 08/04/2008 14:04:34)
      E.J. Thribb: Ode to New Millenium (Last Updated: 08/04/2008 14:04:34)

      So, Farewell old Millennium.

      Compared with this since the upgrade;




      new Richfaces.PanelBar('homeForm:newsItems',{'mousemove':'','items':[] ,'mouseout':'','onclick':'','mouseover':'','onitemchange':''} );




      new Richfaces.PanelBar('homeForm:messageItems',{'mousemove':'','items':[] ,'mouseout':'','onclick':'','mouseover':'','onitemchange':''} );


      Basically the content is missing again, so all I get on the screen now is a single line, like an HR.

      Firebug shows me two javascript errors when the page renders;
      this.items[A] has no properties
      [Break on this error] var E=this.items[A].id;
      ui.pack.js (line 8103)
      this.items[A] has no properties
      [Break on this error] var E=this.items[A].id;
      Tomcat 6.0.14 logs no errors.

      Does anyone have any ideas what might be causing this, or any suggestions of how to proceded?

      Thanks.

        • 1. Re: 3.2.0GA - panelMenu and panelBar errors
          cyc1one

          I'll post that again, with quotes around the HTMl

          I've upgraded to 3.2.0GA from 3.1.4 earlier today.
          Everything seems to deploy correctly but my panelMenu and panelBar no longer render correctly.

          There are no errors in the log, but when I view the source of the generated page I can see the following;

          (Sorry about the size of this extract, I've made it as small as possible)

          "<div class="dr-pnl-b rich-panel-body customMenuPanel" id="headerSubView:sidebarForm:outerPanelMenu_body">
           <div id="headerSubView:sidebarForm:menu" style="width:100%; ">
           <input id="headerSubView:sidebarForm:menuselectedItemName" name="headerSubView:sidebarForm:menuselectedItemName" type="hidden" />
           <div style="display:none">
           <script type="text/javascript" id ="scriptheaderSubView:sidebarForm:menu">
           new PanelMenu('headerSubView:sidebarForm:menu',false,'');
          
           </script>
           </div>
           </div>
          </div>
          

          Compared to the source before the upgrade
          <div class="dr-pnl-b rich-panel-body customMenuPanel" id="headerSubView:sidebarForm:outerPanelMenu_body">
           <div id="headerSubView:sidebarForm:menu" style="width:100%; ">
           <input id="headerSubView:sidebarForm:menuselectedItemName" name="headerSubView:sidebarForm:menuselectedItemName" type="hidden" />
           <div class="dr-pmenu-top-group-div" id="headerSubView:sidebarForm:j_id11">
           <table border="0" cellpadding="0" cellspacing="0" class="dr-pmenu-top-group rich-pmenu-group " id="tablehideheaderSubView:sidebarForm:j_id11" style="; ">
           <tr id="row_headerSubView:sidebarForm:j_id11">
           <td class="dr-pmenu-nowrap rich-pmenu-group-self-icon rich-pmenu-top-group-self-icon ">
           <img src="/OIS2/img/navigation/application.gif" alt="" vspace="0" hspace="0" width="16" height="16" id="leftIconheaderSubView:sidebarForm:j_id11" />
           </td>
           <td class="dr-pmenu-group-self-label rich-pmenu-group-self-label rich-pmenu-top-group-self-label" id="iconheaderSubView:sidebarForm:j_id11" style="width:100%">
           <input name="panelMenuStateheaderSubView:sidebarForm:j_id11" type="hidden" />
           <input name="panelMenuActionheaderSubView:sidebarForm:j_id11" type="hidden" />
           Apps
           </td>
           <td>
           <img src="/OIS2/faces/a4j_3_1_4.GAorg.richfaces.renderkit.html.iconimages.PanelMenuIconSpacer/DATB/eAFjYGAAAAADAAE_" alt="" vspace="0" hspace="0" width="16" height="16" id="rightIconheaderSubView:sidebarForm:j_id11" />
           </td>
           </tr>
           </table>
           </div>
          
           ... <!-- removed large number of menu options here -->
          
           new PanelMenu('headerSubView:sidebarForm:menu',false,'');
           var params = new Object();new PanelMenuItem(params,{myId:'headerSubView:sidebarForm:j_id11',parentId:'headerSubView:sidebarForm:menu'},{type:"node",onopen:";",onclose:";",event:"click",mode:"ajax",target:"",disabled:false,target:"",name:"j_id71_Apps"},{},new Array("dr-pmenu-hovered-element","rich-pmenu-hovered-element"),0,true,false,false,"A4J.AJAX.Submit('j_id___jsp_tag_ctru0','headerSubView:sidebarForm',event,{'parameters':{'headerSubView:sidebarForm:j_id11':'headerSubView:sidebarForm:j_id11'} ,'actionUrl':'/OIS2/faces/home.jsp?javax.portlet.faces.DirectLink=true'} )","","left","/OIS2/img/navigation/application.gif","/OIS2/img/navigation/application.gif","/OIS2/faces/a4j_3_1_4.GAorg.richfaces.renderkit.html.iconimages.PanelMenuIconSpacer/DATB/eAFjYGAAAAADAAE_");
           ... <!-- removed large amount of javascript here (defining menu options -->
          
          </script></div></div>"
          

          As you can see, the menu has simply stopped rendering now, the div's, tables etc are not created and the javascript that powers the menu is not rendered.

          A similar thing happens with the panelBar, generated source as follows;
          <form id="homeForm" name="homeForm" method="post" action="/OIS2/faces/home.jsp" enctype="application/x-www-form-urlencoded">
          <input type="hidden" name="homeForm" value="homeForm" />
          <div class="dr-pnlbar rich-panelbar dr-pnlbar-b " id="homeForm:newsItems" style="padding: 0px; height: 100%; width: 98%; ">
          <div class="dr-pnlbar rich-panelbar dr-pnlbar-ext " id="homeForm:j_id58">
          <div class="dr-pnlbar-h rich-panelbar-header " style=";">100 Chicken Pizzas (Last Updated: 08/04/2008 14:04:34)</div>
          <div class="dr-pnlbar-h-act rich-panelbar-header-act " style=";;;;display: none;">100 Chicken Pizzas (Last Updated: 08/04/2008 14:04:34)</div>
          <div style="display: none; width: 100%;">
          <table cellpadding="0" style="height: 100%;" width="100%">
          <tbody>
          <tr>
          <td class="dr-pnlbar-c rich-panelbar-content reverseBackground panelBarContent" style=";">Producing 100 chicken pizzas requires 100 chickens. 1 chicken per pizza remember.</td>
          </tr>
          </tbody>
          </table>
          </div>
          </div>
          <div class="dr-pnlbar rich-panelbar dr-pnlbar-ext " id="homeForm:j_id59">
          <div class="dr-pnlbar-h rich-panelbar-header " style=";">E.J. Thribb: Ode to New Millenium (Last Updated: 08/04/2008 14:04:34)</div>
          <div class="dr-pnlbar-h-act rich-panelbar-header-act " style=";;;;display: none;">E.J. Thribb: Ode to New Millenium (Last Updated: 08/04/2008 14:04:34)</div>
          <div style="display: none; width: 100%;">
          <table cellpadding="0" style="height: 100%;" width="100%"><tbody><tr><td class="dr-pnlbar-c rich-panelbar-content reverseBackground panelBarContent" style=";">So, Farewell old Millennium.
          

          Compared with this since the upgrade;
          <form id="homeForm" name="homeForm" method="post" action="/faces/home.jsp">
          <div class="dr-pnlbar rich-panelbar dr-pnlbar-b " id="homeForm:newsItems" style="padding: 0px; height: 100%; width: 98%; height:100px;">
          <input id="homeForm:newsItems_panelBarInput" name="homeForm:newsItems" type="hidden" />
          <script type="text/javascript">new Richfaces.PanelBar('homeForm:newsItems',{'mousemove':'','items':[] ,'mouseout':'','onclick':'','mouseover':'','onitemchange':''} );</script>
          </div>
          <img class="rich-spacer " height="10" id="homeForm:j_id_jsp_1893650916_3" src="/faces/a4j_3_2_0-SNAPSHOTimages/spacer.gif" width="1" />
          <div class="dr-pnlbar rich-panelbar dr-pnlbar-b " id="homeForm:messageItems" style="padding: 0px; height: 100%; width: 98%; ">
          <input id="homeForm:messageItems_panelBarInput" name="homeForm:messageItems" type="hidden" />
          <script type="text/javascript">new Richfaces.PanelBar('homeForm:messageItems',{'mousemove':'','items':[] ,'mouseout':'','onclick':'','mouseover':'','onitemchange':''} );</script>
          </div>
          

          Basically the content is missing again, so all I get on the screen now is a single line, like an HR.

          Firebug shows me two javascript errors when the page renders;
          this.items[A] has no properties
          [Break on this error] var E=this.items[A].id;
          ui.pack.js (line 8103)
          this.items[A] has no properties
          [Break on this error] var E=this.items[A].id;
          Tomcat 6.0.14 logs no errors.

          Does anyone have any ideas what might be causing this, or any suggestions of how to proceded?

          Thanks.

          • 2. Re: 3.2.0GA - panelMenu and panelBar errors
            ilya_shaikovsky

            Please describe your JSF environment and server you've using.. Looking through demosite and other samples can't reproduce such regression.

            • 3. Re: 3.2.0GA - panelMenu and panelBar errors
              cyc1one

              Hi, using Tomcat 6.0.14, JSF 1.2_05.