Dynamically create context menu

Question

I'm trying to create a context menu based on a certain af:commandImageLink.
I have an af:popup with an af:menu in my page. I bound the af:menu to my bean so I can change the content. I didn't put any children in the menu to start because I want to add the children based on the image that's click.
I added an af:showPopupBehavior to show my popup on click. The idea was that I wanted to use the actionListener of the af:commandImageLink to dynamically create the menu that I need. But it seems that the actionListener fires after the showPopupBehavior most times. On the first click, it looks like the actionListener fires first then the showPopupBehavior. After that, it seems the actionListener always fires after.
So it looks like this is not really supposed to work.
Does anyone have any suggestions on how this should be made to work?

Answer 1

Thanks a lot Timo,
This does allow me to control when the popup shows up.
I modified the code you gave slightly to include code to align the popup:
    public static void showPopup(String popupId, String alignId) {
        FacesContext context = FacesContext.getCurrentInstance();
        StringBuilder script = new StringBuilder();
        script.append("var popup = AdfPage.PAGE.findComponent('").append(popupId).append("'); ").append("if (!popup.isPopupVisible()) { ")
            .append("var hints = {}; ").append("hints[AdfRichPopup.HINT_ALIGN_ID] = '").append(alignId).append("'; ")
            .append("hints[AdfRichPopup.HINT_ALIGN] = AdfRichPopup.ALIGN_AFTER_END; ").append("popup.show(hints);}");
        ExtendedRenderKitService erks = Service.getService(context.getRenderKit(), ExtendedRenderKitService.class);
        erks.addScript(context, script.toString());
    }I still have some problems though. I need to give some more context on this.
So I have an af:iterator that shows a list of images. I'm trying to popup a context menu when they click the image. The menu needs to be aligned relative to the image that was clicked.
However, when I tried to get the ID from the ActionEvent, I get the design time ID which should not be the same as the run time ID because the iterator would have created multiple instances of the image, each with a unique ID. I'm assuming that's why the alignment is not working.
Am I missing something here?
Also, I seem to be having problems with modifying the menu. Here's my bean code:
    private RichMenu baseMenu;
    public void imageActionListener(ActionEvent actionEvent) {
        Object o = actionEvent.getComponent();
        RichCommandImageLink image = (RichCommandImageLink)o;
        DCIteratorBinding iteLoc = ADFUtils.findIterator("OpItemLocationsVO2Iterator");
        for(Row row : iteLoc.getAllRowsInRange()) {
            OpItemLocationsVORowImpl r = (OpItemLocationsVORowImpl)row;
            RichCommandMenuItem a = new RichCommandMenuItem();
            Number n = r.getItelocId().getSequenceNumber();
            a.setId("i" + r.getItelocId().getSequenceNumber().toString());
            a.setText(r.getItelocId().getSequenceNumber().toString());
            baseMenu.getChildren().add(a);
        AdfFacesContext.getCurrentInstance().addPartialTarget(baseMenu);
        showPopup("vmenu", image.getId());
    }So in my popup, I added a menu and I bound that menu to this bean. The idea was that whenever an image was clicked, I would remove all the children from the menu, then add the new ones. There would be a master-detail relationship between the image's iterator and the menu that's supposed to show up.
The other problems that I'm getting with this is that the menu is not changing when I click on a different image. When I debug, I'll see the correct values being added, but nothing changes on the screen. It's always showing the first popup that was ever created. Also, I don't know how to remove the previous children. There doesn't seem to be an API to remove the children.
Thoughts?