【问题标题】:Clicking p:commandButton causes the value of p:selectOneMenu being set twice单击 p:commandButton 会导致 p:selectOneMenu 的值被设置两次
【发布时间】:2015-11-24 13:50:18
【问题描述】:

我遇到了 PrimeFaces 的问题 - 考虑将 SelectOneMenu 放入 Inplace 内部的形式。在 Inplace 旁边,我们有一个 CommandButton,用于重置 SelectOneMenu 的值。

表格如下所示:

<h:form id="myform">
    <p:inplace id="inplace" editor="true">
        <p:ajax event="save" update="@(form)" />

        <f:facet name="output">
            <h:outputText value="#{testBean.year}" />
        </f:facet>

        <f:facet name="input">
            <p:selectOneMenu id="selYears" value="#{testBean.year}">
                <f:selectItem itemValue="2015" itemLabel="2015" />
                <f:selectItem itemValue="2014" itemLabel="2014" />
                <f:selectItem itemValue="2013" itemLabel="2013" />
            </p:selectOneMenu>
        </f:facet>
    </p:inplace>

    <p:commandButton id="btnResetYear" value="Reset year" rendered="#{testBean.year lt 2015}"
        action="#{testBean.resetYear()}" update="@(form)" />

</h:form>

这是TestBean:

import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean
@ViewScoped
public class TestBean {
    private int year;

    @PostConstruct
    private void init() {
        this.year = 2015;
    }

    public int getYear() {
        return year;
    }

    public void setYear(int year) {
        System.out.println("---> setYear: " + year);
        this.year = year;
        this.someMethod();
    }

    public void someMethod() {
        System.out.println("---> someMethod: " + this.year);
    }

    public void resetYear() {
        System.out.println("---> resetYear");
        this.setYear(2015);
    }
}

以下场景可以正常工作:

  1. 点击年份显示实际SelectOneMenu
  2. 选择不同的年份(例如 2013 年)
  3. 点击“检查”按钮确认选择

但是,如果我尝试单击“重置年份”按钮,则会在调用 resetYear 之前以原始年份作为参数调用方法 setYear。这是我在控制台中看到的:

12:28:40,003 INFO  [stdout] (default task-15) ---> setYear: 2013
12:28:40,003 INFO  [stdout] (default task-15) ---> someMethod: 2013
12:28:40,004 INFO  [stdout] (default task-15) ---> resetYear
12:28:40,004 INFO  [stdout] (default task-15) ---> setYear: 2015
12:28:40,004 INFO  [stdout] (default task-15) ---> someMethod: 2015

这是我不想要的,因为someMethod 旨在例如从数据库加载数据,没有理由为原始值运行它,然后再次为新值运行。

如果我使用标准 CommandButton 而不是 PrimeFaces 提供的,它似乎可以正常工作:

<h:commandButton id="btnResetYear" value="Reset year" rendered="#{testBean.year lt 2015}">
    <f:ajax listener="#{testBean.resetYear}" render="myform" />
</h:commandButton>

点击标准按钮会得到预期的结果:

12:42:11,506 INFO  [stdout] (default task-88) ---> resetYear
12:42:11,506 INFO  [stdout] (default task-88) ---> setYear: 2015
12:42:11,506 INFO  [stdout] (default task-88) ---> someMethod: 2015

问题:

这是 PrimeFaces 中的错误还是我做错了什么?有没有办法将 PF 的 CommandButton 设置为如上所述的行为,即不使用传入的旧参数触发 setYear 方法,还是我必须坚持使用“标准”CommandButton

我正在尝试将immediate="true" 设置为CommandButton,它确实首先跳过了设置原始值,但是SelectOneMenu 没有考虑到新值,无论我在按钮的@ 中输入了什么987654341@ 属性 - 它仍然显示原始值。

该示例使用以下内容运行:

  • Java 1.8 (jdk1.8.0_51 - 64bit)
  • PrimeFaces 5.2
  • WildFly 8.2.0(也用 JBoss 7.1 测试过)

欢迎提出任何想法。

【问题讨论】:

标签: jsf primefaces selectonemenu commandbutton


【解决方案1】:

又过了几个小时,我发现了问题所在——PF的CommandButton的默认行为是处理页面上的所有内容,这与我设置process="@all"基本相同

我通过检查CommandButton 发送/接收的请求/响应的详细信息发现了这一点 - 请求标头中有以下参数:

javax.faces.partial.execute = @all

所以将process="@this" 设置为CommandButton 就可以了,我现在可以观察到正确的行为:

18:45:51,874 INFO  [stdout] (default task-41) ---> resetYear
18:45:51,874 INFO  [stdout] (default task-41) ---> setYear: 2015
18:45:51,874 INFO  [stdout] (default task-41) ---> someMethod: 2015

这是我CommandButton的最终版本:

<p:commandButton id="btnResetYear" value="Reset year" rendered="#{testBean.year lt 2015}"
    action="#{testBean.resetYear()}" update="@(form)" process="@this" />

我希望通过在此处发布此解决方案来节省其他人的时间 :-)

【讨论】:

    猜你喜欢
    • 2010-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-09-01
    • 2013-08-03
    • 2011-12-28
    • 1970-01-01
    • 2012-05-09
    相关资源
    最近更新 更多