Modifying default context menu of af:tree

Question

Hi all,
this one is urgent..
I am having a af:tree component on a jspx web page.
I know that we can change the context menu (the box that pops out when right click happens on any of its node) by setting contextMenuId of the af:tree which points to a af:popup having af:menu. When we dont set contextMenuId; we get a default context menu displaying options to expand/collapse other nodes. When we set it to some af:popup component we get a different context menu.
My requirment is that instead of getting a new context menu, i must be adding up my new options to the already existing default options in the context menu. So its a kind of extension of default context menu available.
So can anybody help me.... i am a newbie so pls forgive me if i'm wrong somewhere..
Thanks a lot..

Answer 1

Hi Frank,
thanks for the kind response..
Yeah, i had tried that out too. But in this case the context menu that i'm defining doesn't seem to be picked up by af:tree since i'm only able to see the default context menu of the browser.
This is strange since even the default context menu provided by af:tree doen't appear.
Do we need to do something else also for that...
By the way i assume that you were talking about contexMenu facet of af:tree only.
I am inlinning the jspx code snippet for convinient.
Can you please suggest something....
<af:panelFormLayout customizationId="panelFormLayout1">
<f:facet name="footer">
<af:group>
<af:commandButton text="commandButton 1"
customizationId="commandButton1"/>
<af:image source="http://www.google.com/intl/en_ALL/images/logo.gif"
shortDesc="THE logo" customizationId="image1"/>
<af:tree value="#{myBean.model}" var="model"
rowSelection="single" initiallyExpanded="true"
id="structureNavigatorTree" inlineStyle="padding:2px"
contentDelivery="immediate"
customizationId="amitKumarGupta">
<f:facet name="nodeStamp">
<af:panelGroupLayout>
<af:outputText value="#{model.name}"/>
</af:panelGroupLayout>
</f:facet>
<f:facet name="contextMenu">
<af:popup id="yesItsgeneral">
<af:menu id="fdssd" text="menu 1">
<af:commandMenuItem id="micrsfdg" text="Expand All2"/>
</af:menu>
</af:popup>
</f:facet>
</af:tree>
</af:group>
</f:facet>
</af:panelFormLayout>
</cust:panelCustomizable>
<f:facet name="editor">
<pe:pageEditorPanel/>
</f:facet>
</pe:pageCustomizable>
</af:form>
</af:document>
Hi,
turns out the solution is easy. Just use the context
menu facet, similar to below
<f:facet name="contextMenu">
<af:popup>
<af:menu text="menu 1">
<af:commandMenuItem text="Expand
All2"/>
</af:menu>
/af:popup>
</f:facet>
custom menu to the existing set of menus
Frank