p:splitButton 用于启动 p:dialog 的菜单项

Question

我正在尝试 p:splitButton p:menuItem 启动 p:dialog。我有以下

<h:form>
    <p:splitButton value="Action" icon="ui-icon-circle-triangle-s">
        <p:menuitem value="New label" icon="ui-icon-newwin">
            <p:commandLink onclick="PF('dlg1').show();"/>
        </p:menuitem>
    </p:splitButton>

    <p:dialog header="Modal Dialog" widgetVar="dlg1" modal="true" height="100">
        <h:outputText value="This is a Modal Dialog." />
    </p:dialog>
</h:form>

但是我在列表中看不到 "New label" 菜单项。我想要实现的目标是否可行？

Answer 1

设法像这样修复它

<h:form>
    <p:splitButton value="Action" icon="ui-icon-circle-triangle-s">
        <p:menuitem value="New label" icon="ui-icon-newwin" onclick="PF('dlg1').show();" />
    </p:splitButton>

    <p:dialog header="Modal Dialog" widgetVar="dlg1" modal="true" height="100">
        <h:outputText value="This is a Modal Dialog." />
    </p:dialog>
</h:form>

p:splitButton 用于启动 p:dialog 的菜单项

p:splitButton menu item to launch a p:dialog

jsf

primefaces

jsf-2.2