Displaying pop up on click of commandMenuItem

Question

Hello,
I wan to display popup window when I click on commandMenuItem
<af:popup binding="#{backing_showData.delPopup}" id="delPopup">
<af:commandMenuItem text="Item One"
binding="#{backing_showData.deleteRow}"
partialTriggers="logTable" action="#{backing_showData.moveAction}"
id="deleteRow"
disabled="#{!bindings.Delete.enabled}"/>
<af:clientListener method="loadItem" type="click"/>
</af:commandMenuItem>
I am calling client listener to show pop up , this function get called and popup component is there on the page, but popup.show() does not do anything , any idea?
function loadItem(event) {
alert("clicking to show popup ");
var popup = AdfPage.PAGE.findComponent("delPopup");
popup.show();
}

Answer 1

Hi!
First, your code is not correct: clientListener does not have property name but method for client script invokation.
Second, as you have not provided complete page, I cannot tell you if something else is wrong.
Anyhow, the folowing page works fine for me in FF3.0.3:
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0" xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html" xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
          xmlns:dvt="http://xmlns.oracle.com/dss/adf/faces">
  <jsp:directive.page contentType="text/html;charset=UTF-8"/>
  <f:view>
    <af:document>
      <af:messages/>
      <af:form>
        <af:table value="#{bindings.SampleGraphDataRow.collectionModel}" var="row"
                  rows="#{bindings.SampleGraphDataRow.rangeSize}"
                  emptyText="#{bindings.SampleGraphDataRow.viewable ? 'No rows yet.' : 'Access Denied.'}"
                  fetchSize="#{bindings.SampleGraphDataRow.rangeSize}"
                  selectedRowKeys="#{bindings.SampleGraphDataRow.collectionModel.selectedRow}"
                  selectionListener="#{bindings.SampleGraphDataRow.collectionModel.makeCurrent}" rowSelection="single"
                  contextMenuId="myRightClickMenuPopup">
          <af:column sortProperty="year" sortable="false" headerText="#{bindings.SampleGraphDataRow.hints.year.label}">
            <af:outputText value="#{row.year}"/>
          </af:column>
          <af:column sortProperty="value" sortable="false"
                     headerText="#{bindings.SampleGraphDataRow.hints.value.label}">
            <af:outputText value="#{row.value}">
            </af:outputText>
          </af:column>
        </af:table>
        <af:popup id="myRightClickMenuPopup">
          <af:menu id="newMenu">
            <af:commandMenuItem id="item1" text="first item"/>
            <af:commandMenuItem id="item2" text="second item"/>
            <af:commandMenuItem id="item3" text="third item">
              <af:clientListener type="click" method="test"/>
            </af:commandMenuItem>
          </af:menu>
        </af:popup>
      </af:form>
      <f:facet name="metaContainer">
        <f:verbatim>
          <script>
                function test(e) {
                    alert(e);
            </script>
        </f:verbatim>
      </f:facet>
    </af:document>
  </f:view>
</jsp:root>Regards,
PaKo