从p:commandButton更新不起作用

时间:2016-02-26 07:53:33

标签: jsf primefaces cdi

我搜索能够帮助我解决这个“小”问题的人,我搜索了几个小时。下面的代码是“细分的”,所以真正的应用是巨大的,我现在无法移动技术。

所以我有主题5.0.10和MyFaces 2.0.3,我必须处理它。

这是一个XHTML:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets"
template="../index.xhtml">
<ui:define name="title">Keyboard Bean Test</ui:define>

<ui:define name="content">
    <h1>Keyboard Bean Test</h1>

    <h:form id="myform">
        <p:panel header="KeyboardBean">
            <p:keyboard value="#{keyboardBean.value}"></p:keyboard>
        </p:panel>

        <h:outputText id="myOutput" value="#{keyboardBean.value}"></h:outputText> <br /><br />

        <p:commandButton value="Setzen" update="myOutput"></p:commandButton>
    </h:form>
</ui:define>

这是我的 KeyboardBean.java

package de.lippoliv.test.primefaces.beans;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import javax.faces.event.ActionEvent;
import javax.inject.Named;

@Named("keyboardBean")
@ManagedBean
@SessionScoped
public class KeyboardBean {

    private String value;

    public String getValue () {
        System.out.println("KeyboardBean::reading value: " + value);

        return value;
    }

    public void setValue (String newValue) {
        System.out.println("KeyboardBean::write value: " + newValue);

        value = newValue;
    }

}

我想要的是:在按下commandButton时更新outputText。安静如​​此简单!

在实际应用程序中,用例是不同的,但是为了开始弄清楚它为什么在实际应用中不起作用,我决定将其分解为这个简单的思考,然后使其(逐步)更像真正的应用。

无论如何:这不起作用。 outputText只在页面加载后刷新。我尝试了很多,直到现在,没有任何效果。只是从MyFaces切换到原始的JSF,但那(就像我写的那样)目前对我来说是不可能的。

希望有人可以帮助我。

更新1

这是控制台的输出:

26.02.2016 11:58:58 org.apache.myfaces.config.annotation.Tomcat7AnnotationLifecycleProvider newInstance
INFO: Creating instance of de.rac.oliverlippert.test.primefaces.beans.MenuBean
26.02.2016 11:58:58 org.apache.myfaces.config.annotation.Tomcat7AnnotationLifecycleProvider newInstance
INFO: Creating instance of de.rac.oliverlippert.test.primefaces.beans.KeyboardBean
KeyboardBean::reading value: null
KeyboardBean::reading value: null
KeyboardBean::reading value: null
KeyboardBean::reading value: null
26.02.2016 11:59:01 org.apache.myfaces.config.annotation.Tomcat7AnnotationLifecycleProvider newInstance
INFO: Creating instance of de.rac.oliverlippert.test.primefaces.beans.KeyboardBean
26.02.2016 11:59:01 javax.faces.validator._ExternalSpecifications isUnifiedELAvailable
INFO: MyFaces Unified EL support enabled
KeyboardBean::reading value: null
KeyboardBean::write value: sdf

非常有趣:在按下commandButton一次之后,将不会再次调用Beans ...

我修改了我的bean,它现在以

开头
@ManagedBean
@SessionScoped
public class KeyboardBean {
    ...
}

并且我修改了我的“更新”以使用整个id:

<p:commandButton value="Setzen" update=":myform:myOutput"></p:commandButton>

所有这些都不会改变一件事:/

按下按钮时,FireFox会抛出一个JS错误:

TypeError: f is null (javax.faces.resource/primefaces.js.xhtml?ln=primfaces&v=5.0 row 2 col 6868)

感谢您的回复

更新2 好吧,分解为这个XHTML,它可以工作:

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets"
>

<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>Primefaces Test</title>
</h:head>

<h:body>
    <h1>Keyboard Bean Test</h1>

    <h:form id="myform">
        <h:panelGrid id="grid" cellpadding="5" columns="2" style="margin-bottom:10px">
            <p:panel header="KeyboardBean">
                <p:keyboard value="#{keyboardBean.value}"></p:keyboard>
            </p:panel>
            <h:outputText id="myOutput" styleClass="update" value="#{keyboardBean.value}"></h:outputText>

            <h:outputText id="myOutput2" styleClass="update" value="#{keyboardBean.value}"></h:outputText>
            <h:outputText id="myOutput3" styleClass="update" value="#{keyboardBean.value}"></h:outputText>
        </h:panelGrid>

        <p:commandButton value="Setzen" update="@(.update)"></p:commandButton>
    </h:form>
</h:body>

现在我可以一步一步向前迈进。谢谢大家:))

2 个答案:

答案 0 :(得分:1)

您是否尝试删除@ManagedBean注释并导入javax.enterprise.context.SessionScoped而不是javax.faces.bean.SessionScoped?

在我看来,此时你正在将CDI bean与Backing bean混合。详情和差异见at this link

答案 1 :(得分:0)

我试图重现你的问题:

@ManagedBean
@ViewScoped
public class TestBean {

    private String testValue = "a";

    public void setTestValue(final String testValue) {
        this.testValue = testValue;
    }

    public String getTestValue() {
        return testValue;
    }

    public void testAction() {
        setTestValue("b");
    }
}

视图

<h:outputText id="testId" value="#{roleEditController.testValue}" />
<p:commandButton update="testId" action="#{roleEditController.testAction}" />

但就我而言,它正在发挥作用:/

  • 你没有得到任何javascript或java错误吗?
  • 您是否尝试使用绝对ID来更新组件?

如果您使用浏览器检查页面,则可以找到绝对ID:

<span id="form:testId">a</span>

在这种情况下,绝对ID为 :form:testId