scrollabledatamodel and contextmenu
skolb02 Aug 16, 2008 4:48 AMUsing 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>