0 Replies Latest reply on Jul 16, 2008 4:26 PM by pdpantages

    dataGrid and datascroller inside modal panel : no scrolling

    pdpantages

      Hello Forum,

      I am using:
      Jboss 4.2.2.GA
      Seam 2.0.1.GA
      Richfaces 3.1.6.GA

      I am trying to use a dataGrid inside a modal panel. I have basically copied the mo from the richfaces demo site.
      I found that everthing is OK, except that the pager ( dataScroller ) does not work in Firefox 3.0 or IE 7. When you click the right arrow, or the number 2, it stays on page 1.

      Firefox 2.x works as expected.

      When I click the pager button, the FF3 error console emits the following message:

      Error: this._form is null
      Source File: http://172.30.0.204:8080/client/a4j_3_1_6.GAorg.ajax4jsf.javascript.AjaxScript
      Line: 95
      


      This is my xhtml:

       <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:s="http://jboss.com/products/seam/taglib"
       xmlns:rich="http://richfaces.org/rich"
       xmlns:c="http://java.sun.com/jstl/core"
       xmlns:a4j="http://richfaces.org/a4j"
       xmlns:centina="http://www.centinasystems.com/jsf">
      
       <c:if test="${empty onhide}">
       <c:set var="onhide" value="return;" />
       </c:if>
      
       <c:if test="${empty onshow}">
       <c:set var="onshow" value="return;" />
       </c:if>
      
       <rich:modalPanel id="#{modalPanel}"
       autosized="true"
       zindex="2000"
       onhide="${onhide}"
       onshow="${onshow}"
       rendered="#{rendered}"
       onmaskclick="javascript:Richfaces.hideModalPanel('#{modalPanel}')">
      
       <f:facet name="header">
       <h:outputText value="Location xxx yyy "></h:outputText>
       </f:facet>
      
       <h:form id="locus">
      
       <rich:dataGrid value="#{neAction.nes('id')}" var="node" columns="4" elements="16">
      
       <rich:panel>
      
       <h:panelGrid columns="1">
       <ui:include src="/view/utils/toolicon.xhtml">
       <ui:param name="src" value="#{images.networkElement}"/>
       <ui:param name="alt" value="Ne"/>
       </ui:include>
       <h:outputText value="#{node.name}" style="max-width: 10em;"></h:outputText>
       </h:panelGrid>
      
       <rich:contextMenu event="oncontextmenu" attached="true" submitMode="ajax">
      
       <rich:menuItem value="Active Alarms"
       rendered="#{s:hasRole('READ_ONLY') || s:hasRole('OPERATOR') || s:hasRole('NETWORK_ADMIN') || s:hasRole('ADMIN')}"
       onclick="javascript:Richfaces.hideModalPanel('#{modalPanel}')"
       action="#{activeAlarmsImpl.activeAlarms}">
       <s:conversationPropagation type="none"/>
       <f:param name="id" value="#{node.id}"/>
       </rich:menuItem>
      
       <rich:menuItem value="Security Log" rendered="#{s:hasRole('ADMIN')}"
       onclick="javascript:Richfaces.hideModalPanel('#{modalPanel}')"
       action="#{securityLogImpl.contextSearch}">
       <s:conversationPropagation type="none"/>
       <f:param name="searchString" value="#{node.name}"/>
       <f:param name="searchCol" value="targetName"/>
       </rich:menuItem>
      
       </rich:contextMenu>
      
       </rich:panel>
      
       <f:facet name="footer">
       <rich:datascroller></rich:datascroller>
       </f:facet>
      
       </rich:dataGrid>
      
       </h:form>
      
       </rich:modalPanel>
      
       </ui:composition>
      


      Any help/ideas will, as usual, be appreciated...

      Thanks, PdP