9 Replies Latest reply on Dec 2, 2008 11:01 AM by Buttau Alexander

    scrollabledatamodel and contextmenu

    Maier Müller Newbie

      Using richfaces 3.2.2 Snapshot (16. Aug) the contextmenu is not displayed correctly (hidden behind the table rows). This only happens using Firefox 3 and Safari browsers. With IE 7 the contextmenu is visible.

      <h:form id="testform">
       <rich:contextMenu attached="false" id="menu" submitMode="ajax">
       <rich:menuItem ajaxSingle="true">
       <b>{car} {model}</b> details
       <a4j:actionparam name="det" assignTo="#{ddmenu.current}" value="{car} {model} details"/>
       </rich:menuItem>
       <rich:menuGroup value="Actions">
       <rich:menuItem ajaxSingle="true">
       Put <b>{car} {model}</b> To Basket
       <a4j:actionparam name="bask" assignTo="#{ddmenu.current}" value="Put {car} {model} To Basket"/>
       </rich:menuItem>
       <rich:menuItem value="Read Comments" ajaxSingle="true">
       <a4j:actionparam name="bask" assignTo="#{ddmenu.current}" value="Read Comments"/>
       </rich:menuItem>
       <rich:menuItem ajaxSingle="true">
       Go to <b>{car}</b> site
       <a4j:actionparam name="bask" assignTo="#{ddmenu.current}" value="Go to {car} site"/>
       </rich:menuItem>
       </rich:menuGroup>
       </rich:contextMenu>
      
       <h:panelGrid columns="2" columnClasses="top, top">
      
       <rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1"
       height="400px" width="700px" id="carList" rows="40"
       columnClasses="col" value="#{dataTableScrollerBean.allCars}"
       var="car" sortMode="single"
       >
      
       <rich:column id="make">
       <f:facet name="header">
       <h:outputText styleClass="headerText" value="Make" />
       </f:facet>
       <h:outputText value="#{car.make}" />
       </rich:column>
       <rich:column id="model">
       <f:facet name="header">
       <h:outputText styleClass="headerText" value="Model" />
       </f:facet>
       <h:outputText value="#{car.model}" />
       </rich:column>
       <rich:column id="price">
       <f:facet name="header">
       <h:outputText styleClass="headerText" value="Model" />
       </f:facet>
       <h:outputText value="#{car.model}" />
       </rich:column>
       <rich:componentControl event="onRowClick" for="menu" operation="show">
       <f:param value="#{car.model}" name="model" />
       <f:param value="#{car.make}" name="car" />
       </rich:componentControl>
      
       </rich:scrollableDataTable>
       <a4j:outputPanel ajaxRendered="true">
       <rich:panel>
       <f:facet name="header">Last Menu Action</f:facet>
       <h:outputText value="#{ddmenu.current}"></h:outputText>
       </rich:panel>
       </a4j:outputPanel>
       </h:panelGrid>
      
       </h:form>