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}" />

---

更新 根据 cmets，您似乎想使用参数导航到另一个页面。 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");
}