JSF如何通过selectOneRadio的onchange提交表单

Question

我正在尝试在选择selectOneRadio值时提交表单.我有下面的代码,但它没有进入我的内部#{contentEditorBacking.addNewsArticle}.

当点击selectOneRadio时,有谁知道我怎么能进入该方法？

<p:panel header="News Article Title">
    <h:panelGrid columns="2">
        <h:outputLabel for="title" value="Title" style="font-weight: bold;"/>
        <p:inputText id="title" required="true" value="#{contentEditorBacking.newsTitle}" />
        <h:outputLabel value="Site" />
        <p:selectOneRadio value="#{contentEditorBacking.selectedNews}" layout="pageDirection" onchange="submit()">
            <f:selectItem itemLabel="Public" itemValue="Public" />
            <f:selectItem itemLabel="Member" itemValue="Member" />
        </p:selectOneRadio>
        <p:commandButton value="submit" action="#{contentEditorBacking.addNewsArticle}" />
    </h:panelGrid>
</p:panel>

Answer 1

两个问题:

• 拦截单选按钮(和复选框)中的"更改"您需要click事件.
• 在<p:commandButton>默认情况下一个Ajax按钮未同步的提交等作为由JS进行制备submit().

只需使用,<p:ajax>以便提交由ajax执行.请注意,您不需要指定event属性,它默认为click已.

<p:selectOneRadio value="#{contentEditorBacking.selectedNews}" layout="pageDirection">
    <f:selectItem itemLabel="Public" itemValue="Public" />
    <f:selectItem itemLabel="Member" itemValue="Member" />
    <p:ajax listener="#{contentEditorBacking.addNewsArticle}" />
</p:selectOneRadio>
<p:commandButton value="submit" action="#{contentEditorBacking.addNewsArticle}" />

根据评论更新,您似乎想要导航到带有参数的其他页面.addNewsArticle()然后该方法应如下所示,以便它兼容<p:ajax listener>和<p:commandButton action>.

public void addNewsArticle() throws IOException {
    ExternalContext ec = FacesContext.getCurrentInstance().getExternalContext();
    ec.redirect(ec.getRequestContextPath() + "/next.xhtml?action=add");
}