2 Replies Latest reply on Apr 15, 2008 7:13 AM by Ranveer Singh

    IE6.0 is  crashing due to use of rich:scrollableTable

    Ranveer Singh Newbie

      Getting following errors when trying to launch my page which includes rich:scrollableTable.
      1. RichFaces undefined(Line number 36,38)
      2. ModalPanel is undefined(Line number 90,134)
      3. ClientUI is undefined (Line 115)

      Then IE is crashing. It works fine with FF and IE7.0 as well. If I am using rich:dataTable also then also it is working..


      My Code Includes................. I have included Four files which i am using .
      File1 & File2 is body for For File3.

      ############################File1 #################################
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <ui:composition template="/templates/main.xhtml"
       xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
      
      <ui:define name="title">Polling Policies</ui:define>
      
      <ui:define name="body">
      <f:loadBundle var="labels" basename="com/hp/pi/web/label" />
      
      <rich:spacer height="50px" />
      <h:panelGrid columns="1" rows="3" width="100%">
      <h:form>
      <ui:include src="/pages/Administration/Manage/PollingPolicyFilterPanel.xhtml" />
      <rich:spacer height="10px" />
      <ui:include src="/pages/Administration/Manage/PollingPolicyTable.xhtml" />
      </h:form>
      
      <h:form id="polpolicyDetail">
      <ui:include src="/pages/Administration/Manage/PollingPolicyDetail.xhtml" />
      </h:form>
      </h:panelGrid>
      
      
      
      </ui:define>
      
      </ui:composition>
      
      ####################################### File2
      
      
      
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
      
      <rich:scrollableDataTable frozenColCount="2" rowKeyVar="rkv" height="200px" width="90%"
      id="pollingpolicyTable" binding="#{pollingPolicy.polPolicyData}"
      value="#{pollingPolicy.polPolicyList}" var="polBean" sortMode="single"
      selection="#{pollingPolicy.selection}">
      
       <rich:column id="name">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.name}" />
      </f:facet>
      <h:outputText value="#{polBean.name}" />
      </rich:column>
      
      <rich:column id="interval">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.interval}" />
      </f:facet>
      <h:outputText value="#{polBean.interval}" />
      </rich:column>
      
      <rich:column id="datapipe" width="100px">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.datapipe}" />
      </f:facet>
      <h:outputText value="#{polBean.dataPipe}" />
      </rich:column>
      
      <rich:column id="collector">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.collector}" />
      </f:facet>
      <h:outputText value="#{polBean.collector}" />
      </rich:column>
      
      <rich:column id="tableAlias" width="200px">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.tableAlias}" />
      </f:facet>
      <h:outputText value="#{polBean.tableAlias}" />
      </rich:column>
      
      <rich:column id="groupname" width="150px">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.groupname}" />
      </f:facet>
      <h:outputText value="#{polBean.groupName}" />
      </rich:column>
      
      <rich:column id="pollfrom">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.pollfrom}" />
      </f:facet>
      <h:outputText value="#{polBean.pollFrom}" />
      </rich:column>
      
      
      <rich:column id="desc" width="250px">
      <f:facet name="header">
      <h:outputText styleClass="headerText" value="#{labels.desc}" />
      </f:facet>
      <h:outputText value="#{polBean.descr}" />
      </rich:column>
      
      </rich:scrollableDataTable>
      
      <h:panelGrid rows="1" columns="3">
      <a4j:commandButton value="#{labels.edit}" action="#{pollingPolicy.takeSelection}" reRender="polpolicyDetail" />
      <a4j:commandButton value="#{labels.delete}" action="#{pollingPolicy.takeSelection}" onclick="Richfaces.showModalPanel('form:panel1')" />
      <a4j:commandButton value="#{labels.new}" action="#{pollingPolicy.setCreateAction}" reRender="polpolicyDetail" />
      <form jsfc="h:form" id="form">
      <rich:modalPanel id="panel1" width="250" height="180">
      <f:facet name="header">
      <h:outputText value="Delete Confirmation"/>
      </f:facet>
      
      <p>
      <h:outputText value="Do you want delete the selected Polling Policy ?" />
      </p>
      
      <p>
      <a4j:commandButton id="yes" action="#{pollingPolicy.deletePollingPolicy}"
      onclick="Richfaces.hideModalPanel('form:panel1')"
      oncomplete="this.disabled=false" value="Yes" reRender="pollingpolicyTable" />
      
      <a4j:commandButton id="no" action="director.rollCamera"
      onclick="Richfaces.hideModalPanel('form:panel1')"
      oncomplete="this.disabled=false" value="No" />
      
      </p>
      </rich:modalPanel>
      </form>
      </h:panelGrid>
      
      
      
      
      </ui:composition>
      
      
      ########################## Main.xhtml (File3 )
      
      <!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:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
      <head>
      <meta http-equiv="Content-Type" content="text/xhtml; charset=UTF-8" />
      <title><ui:insert name="title" /></title>
      <link rel="STYLESHEET" type="text/css" href="${facesContext.externalContext.requestContextPath}/css/style.css"/>
      </head>
      
      <body>
      
      
      
      <table class="left_menu" cellpadding="0" cellspacing="0" border="0" width="95%" >
       <thead valign="top">
       <tr><th> <ui:include src="/templates/include/header.xhtml" /> </th> </tr>
       </thead>
      <tbody valign="top">
      <tr>
      <td height="80%"><ui:insert name="body">Body</ui:insert></td>
      </tr>
      </tbody>
      <tfoot valign="bottom">
      <tr><td align="center"><ui:include src="/templates/include/footer.xhtml" /></td></tr>
      </tfoot>
      
      </table>
      </body>
      </html>
      
      
      #################### My Header Includes (File 4) ###################################
      
      
      <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:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
      
      
      <ui:composition>
      <f:loadBundle var="nav" basename="com/hp/pi/web/label" />
      <style>
      .rich-tab-inactive {
      cursor: pointer;
      }
      
      .rich-tabpanel-content {
      border-width: 1px 0px 0px 0px;
      background-color: transparent;
      }
      </style>
      
      <rich:tabPanel switchtype="ajax" selectedTab="#{cbean.activeTab}" >
      
       <rich:tab id="Home" name="Home" label="Home" action="home">
      
      
      </rich:tab>
      
      <rich:tab id="Admin" name="Admin" label="#{nav.admin}" width="100%" action="admin" actionListener="#{cbean.activateTab}">
      
      <rich:toolBar>
      <rich:dropDownMenu value="#{nav.manage}">
      <rich:menuGroup value="#{nav.nodemanager}">
      <rich:menuItem submitMode="ajax" value="#{nav.managenode}" />
      <rich:menuItem submitMode="ajax" value="#{nav.managesnmp}" />
      <rich:menuItem submitMode="ajax" value="#{nav.managecomstr}" />
      </rich:menuGroup>
      <rich:menuItem submitMode="ajax" value="#{nav.tables}" />
      <rich:menuItem submitMode="ajax" value="#{nav.polpolicy}" action="polpolicy" actionListener="#{pollingPolicy.initPollingPolicies}" />
      <rich:menuItem submitMode="ajax" value="#{nav.copypolicy}" />
      </rich:dropDownMenu>
      
      <rich:dropDownMenu value="#{nav.useraccount}">
      <rich:menuItem submitMode="ajax" value="#{nav.passwordrules}" />
      <rich:menuItem submitMode="ajax" value="#{nav.user}" />
      <rich:menuItem submitMode="ajax" value="#{nav.group}" />
      </rich:dropDownMenu>
      
      <rich:dropDownMenu value="#{nav.serviceconfig}">
      <rich:menuItem submitMode="ajax" value="#{nav.was}" />
      <rich:menuItem submitMode="ajax" value="#{nav.sslservcie}" />
      <rich:menuItem submitMode="ajax" value="#{nav.systemmanager}" />
      <rich:menuItem submitMode="ajax" value="#{nav.mailserver}" />
      </rich:dropDownMenu>
      
      <rich:dropDownMenu value="#{nav.diagnostics}">
      <rich:menuItem submitMode="ajax" value="#{nav.diagnostics}" />
      </rich:dropDownMenu>
      
      <rich:dropDownMenu value="#{nav.logfiles}">
      <rich:menuItem submitMode="ajax" value="#{nav.settings}" />
      <rich:menuItem submitMode="ajax" value="#{nav.was}" />
      </rich:dropDownMenu>
      
      <rich:dropDownMenu value="#{nav.javasetting}">
      <rich:menuItem submitMode="ajax" value="#{nav.javasetting}" />
      </rich:dropDownMenu>
      
      </rich:toolBar>
      
      </rich:tab>
      
      
      
      
      <rich:tab id="Monitoring" name="Monitoring" label="Monitoring" action="monitor" actionListener="#{cbean.activateTab}">
      
      <rich:toolBar>
      <rich:dropDownMenu value="Dashboard">
      <rich:menuItem submitMode="ajax" value="Remote Pollers" />
      </rich:dropDownMenu>
      </rich:toolBar>
      
      </rich:tab>
      
      <rich:tab id="System" name="System" label="System" action="system" actionListener="#{cbean.activateTab}">
      
      </rich:tab>
      
      <rich:tab id="Utilities" name="Utilities" label="Utilities" action="utility" actionListener="#{cbean.activateTab}">
      
      </rich:tab>
      <rich:tab id="Tools" name="Tools" label="Tools" actionListener="#{cbean.activateTab}">
      
      </rich:tab>
      
      
      </rich:tabPanel>
      
      </ui:composition>
      </html>