1

私のコード:

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

分割ボタンまたは隣接するメニューが必要です。たとえば、次のようになります。

<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 タグ内にないため、行が選択されていないときにコンテキスト メニューを非表示にしていません...どのように解決できますか?これ？

4

0 に答える 0