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

Question

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

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

这适用于如下编写的 ap: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>

Answer 1

您可以交换 svg <p:outputPanel：

<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>

Answer 2

在我不想呈现自定义 contextMenu 的所有情况下，我通过单击呈现为 false 的新 p:contextMenu 使其工作。（我找不到更好的解决方案，但这应该可以解决问题，直到我找到更好的方法）