Question

点击facebook或gmail等主要图片中的图片创建下拉菜单

    <p:menuitem styleClass="label" value="logout" ">
      <p:graphicImage library="images" name="user-small-icon.png" "/>
      <h:outputText value="welcome #{coreg.regapp.sessionName}"   />
    </p:menuitem>


     welcome rahmath

在那张图片旁边，我需要下拉列表，在下拉列表中我需要注销选项

Answer 1

您可以将contextMenu用于图像，并将所需的菜单项填充到上下文菜单中。查看primefaces网站上的showcase上下文菜单，了解有关如何实施它的更多信息。

编辑：

以下代码适用于在我的页面上左键单击图像时显示上下文菜单。

<h:graphicImage library="img" name="myimage.png" id="imageMy" ></h:graphicImage>
<p:contextMenu for="imageMy" id="context" event="click">                   
     <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>

单击primefaces中的图像创建下拉菜单？

1 个答案: