如何在 p:commandButton 操作后在特定选项中设置 f:selectItem？

Question

我有一个 javascript 代码可以清除表单的所有 p:inputText（在 p:commandButton 操作之后）。问题是p:selectOneMenu 在它被选中的选项中仍然有f:selectItem 被选中。 我需要将值放在每个p:selectOneMenu 的第一个 f:selectItem。

我该怎么做？如何清除选定的值？

java脚本代码：

            <script type="text/javascript">
                function limpiarForm()
                {
                    document.getElementById("formularioAltas").reset();
                }
            </script>

formularioAltas 是表单 ID。

p:commandButton的代码：

<p:commandButton value="Guardar" action="#{altasBean.agregarRefaccion()}" oncomplete="limpiarForm()" />

并且该代码不会重置（我不想清除值，我只想选择第一个选项）p:selectOneMenu 的值

这里是：

<h:outputText value="Estado de la refacción" />
    <p:selectOneMenu value="#{altasBean.refaccion.estado}">
        <f:selectItem itemLabel="..." itemValue="0" />
        <f:selectItem itemLabel="Ok" itemValue="Ok" />
        <f:selectItem itemLabel="Reparar" itemValue="Reparar" />
        <f:selectItem itemLabel="Sospechoso" itemValue="Sospechoso" />
    </p:selectOneMenu>

豆子：

private RefaccionBean refaccion = null;
/**
 * Get the value of refaccion
 *
 * @return the value of refaccion
 */
public RefaccionBean getRefaccion() {
    return refaccion;
}

/**
 * Set the value of refaccion
 *
 * @param refaccion new value of refaccion
 */
public void setRefaccion(RefaccionBean refaccion) {
    this.refaccion = refaccion;
}

public void agregarRefaccion() {
   I did a lot of things here...
   And after those things i clear the p:inputText with the javascript code
   -> After that i want to set the values of the p:selectOneMenu in the fist f:selectItem
}

Answer 1

Josef 的回答确实将您引向了正确的方向，但是由于您共享了一些代码，因此我将在回答中使用它。

首先，确保您的按钮调用您的 bean 方法并在完成后更新 selectOneMenu 组件。虽然这里有一些 ajax，但 primefaces 为您抽象了这些。

<p:commandButton value="Guardar" action="#{altasBean.agregarRefaccion}" update="selectOneMenu" />

update 属性很重要，因为它将查找 id 与此处指定的任何内容匹配的组件。所以你需要给你的 selectOneMenu 一个 id。如果需要更新多个组件，可以将它们的 id 添加到 update 属性中，以空格或逗号分隔。

<h:outputText value="Estado de la refacción" />
<p:selectOneMenu value="#{altasBean.refaccion.estado}" id="selectOneMenu">
    <f:selectItem itemLabel="..." itemValue="0" />
    <f:selectItem itemLabel="Ok" itemValue="Ok" />
    <f:selectItem itemLabel="Reparar" itemValue="Reparar" />
    <f:selectItem itemLabel="Sospechoso" itemValue="Sospechoso" />
</p:selectOneMenu>

现在只需在你的操作方法中清理你的值：

public void agregarRefaccion() {
   //If you have other values to clean, clean them here
   this.refaccion.estado="0"; //Matches the value for your first item
}

Answer 2

现在我不完全确定我是否关注你，但如果这对你有帮助，请告诉我。它完全是 JSF，我加入了一些 ajax。您仍然可以使用您的 javascript。

前端：

<p:inputText id="input" value="#{bean.value}" />

<p:commandButton value="button" action="#{bean.action}">
   <f:ajax execute="input" render="output" />
</p:commandButton>

<p:selectOneMenu id="output" value="#{bean.placeValue}">
   <f:selectItems value="#{bean.values}" />
</p:selectOneMenu>

豆子：

@ManagedBean
@RequestScoped
public class Bean {

    private String value;
    private List<String> values; 

    @EJB
    private ValueService valueService;

    @PostConstruct
    public void init() {
        values = valueService.list();
    }

    public void action() {
        // ... Action taken
    }

    public String placeValue() {
        // ... Validation and clear desired values
        return value;
    }


    // ... (getters, setters, etc)
}