简单的JSF Ajax命令按钮重新呈现不起作用

时间:2013-06-30 23:51:53

标签: ajax jsf render commandbutton

我在实施对Managed Bean的Ajax调用时遇到很多问题。我准备了一个简单的测试用例 - 我希望outputText值更改为Beta,但它仍然保留在Alpha。我做错了什么?

package com.example.controllers;

import javax.faces.bean.ViewScoped;
import javax.inject.Named;

@Named(value = "tester")
@ViewScoped
public class tester{

    private String testString;

    /**
     * Creates a new instance of tester
     */
    public tester() {
        testString = "Alpha";
    }

    public String changeText(){

        testString = "Beta";
        return null;
    }

    /**
     * @return the testString
     */
    public String getTestString() {
        return testString;
    }

    /**
     * @param testString the testString to set
     */
    public void setTestString(String testString) {
        this.testString = testString;
    }
}


<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form>
            <h:commandButton value="Add Row" action="#{tester.changeText}">
                <f:ajax event="action" execute="@form" render="out"></f:ajax>
            </h:commandButton>
            <h:outputText id="out" value="#{tester.testString}"/>
        </h:form>
    </h:body>
</html>

1 个答案:

答案 0 :(得分:1)

不要将CDI与托管bean混合使用。将import javax.faces.bean.ViewScoped更改为import javax.faces.view.ViewScoped

<强>更新 从您的评论看来,您似乎没有JSF 2.2(我的错误)。最简单的事情是:

替换

import javax.inject.Named 

import javax.faces.bean.ManagedBean;

@Named(value = "tester")

@ManagedBean(name = "tester")

最后一件事是,当您执行上述更改时,您不必为name指定值。当您在没有@ManagedBean的情况下使用name时,您可以使用类名称在xhtml页面中引用您的bean。请记住,第一个字母是小写的。