javascript - 在jsf中使用javascript禁用动态上下文菜单

是否可以使用Java脚本在JSF2.1中禁用动态上下文菜单？

document.getElementById("myForm:contextMenuId:contextMenuItemId").style.display = 'none';

这适用于如下编写的p：menuItem。

 <p:contextMenu id="contextMenuId">
   <p:menuitem id="contextMenuItemId" value="Hi"></p:menuitem>
</p:contextMenu>

我如何为下面编写的p：contextMenu（dynamic）执行类似的操作

<p:contextMenu id="contextMenuId1" model="#{myBean.model}" ></p:contextMenu>

最佳答案

您可以在<p:outputPanel中交换svg：

<h:form>
            <p:outputPanel id="test">
                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
                    <polygon points="100,10 40,180 190,60 10,60 160,180"
                             style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
                </svg>
            </p:outputPanel>
            <p:contextMenu for="test">
                <p:menuitem value="Save"
                            icon="ui-icon-disk"/>
                <p:menuitem value="Update"

                            icon="ui-icon-arrowrefresh-1-w"/>
                <p:menuitem value="Delete" icon="ui-icon-close"
                            ajax="false"/>
                <p:menuitem value="Homepage" url="http://www.primefaces.org"
                            icon="ui-icon-extlink"/>
            </p:contextMenu>
        </h:form>