p：overlayPanel关闭事件

Question

我在设置overlaypanel的关闭事件时遇到了困难。这是我的代码：

<h:panelGrid columns="6"  cellpadding="15" style="margin:auto;">        
    <p:graphicImage id="item1" value="resources/icons/item1.png"   />       
    <p:graphicImage id="item2" value="resources/icons/item1.png"/>
    <p:graphicImage id="item3" value="resources/icons/item1.png" />
 </h:panelGrid>

<p:overlayPanel id="overlay1" for="item1" showEffect="blind" hideEffect="explode" 
                showEvent="mouseover" hideEvent="mouseout" dismissable="false" my="left top" > 
    <h:panelGrid columns="4" cellpadding="5" cellspacing="5"
                    style="display:block;margin:auto;">
                    <p:graphicImage value="resources/icons/item1-1.png" />
                    <p:graphicImage value="resources/icons/item1-2.png" />
                    <p:graphicImage value="resources/icons/item1-3.png" />                  
    </h:panelGrid>
</p:overlayPanel>

我得到的：当鼠标超出触发它的图像时，叠加层将关闭。

我想要什么：鼠标离开时要关闭的叠加层（我的意思是叠加层）。

我想要这个的原因是，我想在叠加层内创建带有图标的子菜单。