Question

我的代码：

<p:splitButton value="View">
    <p:menuitem value="Edit" icon="ui-icon-edit" />
    <p:menuitem value="Delete" icon="ui-icon-delete"/>
</p:splitButton>

该代码将渲染菜单附加到正文，例如：

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
            </tr>
        </table>
    </form>
    <div id="menu-for-splitbutton">
        <a id="menu1"... >Edit</a>
        <a id="menu2"... >Delete</a>
    </div>
</body>

我需要相对于splitbutton或相邻菜单的菜单，例如：

<body>
    <form>
        <table>
            <tr>
                <button id="splitbutton".../>
                <div id="menu-for-splitbutton">
                    <a id="menu1"... >Edit</a>
                    <a id="menu2"... >Delete</a>
                </div>
            </tr>
        </table>
    </form>
</body>

我正在使用：hover（CSS）在光标位于行上时显示拆分按钮，但在取消选择任何行时未隐藏上下文菜单，因为菜单不在TR标记内...如何我能解决这个问题吗？

Primefaces：splitButton的菜单附加到正文

0 个答案: