0

我编写了以下代码，以便在底部有一个文本字段，后跟一个添加按钮和一个保存按钮。

我希望修复第一个文本字段和添加按钮，但是每当用户点击添加按钮时，就会在当前文本字段下方添加一个文本字段，并且添加按钮和保存按钮会关闭。

我有以下代码，但它似乎不起作用。

<?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:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Dashboard | BlueWhale Admin</title>
    <link rel="stylesheet" type="text/css" href="../css/reset.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="../css/text.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="../css/grid.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="../css/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="../css/nav.css" media="screen" />

</h:head>
<body>
<h:form>

        <hr/>
        <h:dataTable id="newsinputs" value="#{newsAlerts.values}" var="item" cellspacing="10">
        <h:column>
             <h:outputLabel value="#{item.label}" /> &nbsp;&nbsp;&nbsp;
        </h:column>
        <h:column>
             <h:inputText value="#{item.news}" size="100" /><br/>
        </h:column>
        </h:dataTable>

        <h:commandButton styleClass="btn btn-blue" action="#{newsAlerts.add()}" value="Add"></h:commandButton>
        <hr/>
        <h:commandButton styleClass="btn btn-blue" action="#{newsAlerts.submit}" value="Save" />

</h:form>
</body>
</html>

bean类如下

package com.kc.aop.bean;

import java.util.ArrayList;
import java.util.List;

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

import com.kc.aop.VO.NewsVO;

@ManagedBean(name = "newsAlerts")
@ViewScoped
public class News
{
        private List<NewsVO> values;

        public News()
        {
            this.values = new ArrayList<NewsVO>();
            NewsVO newsVO = new NewsVO();
            newsVO.setLabel("News "+ this.values.size()+1);
            getValues().add(newsVO);
        }

        public String submit() {

            for(NewsVO newsVO : this.values)
            {
                System.out.println(newsVO.getNews());
                System.out.println(newsVO.getLabel());
            }
            return null;
            // save values in database
        }


        public List<NewsVO> getValues() {
            return values;
        }

        public void setValues(List<NewsVO> values) {
            this.values = values;
        }


        public String add()
        {
            NewsVO newsVO = new NewsVO();
            newsVO.setLabel("News "+ this.values.size()+1);
            this.values.add(newsVO);
            return "success";
        }


}
4

2 回答 2

0

您正在从操作方法返回非空/无效：

public String add() {
    // ...

    return "success";
}

非 null/void 结果创建一个新的视图范围。您需要返回 null 或 void 来保持相同的视图。

public String add() {
    // ...

    return null;
}

或者

public void add() {
    // ...
}

完全没有必要按照其他答案的建议由动作侦听器更改它。它有一个完全不同的目的。

也可以看看：

于 2013-05-20T12:37:56.493 回答
-1

由于您保持在同一个视图中，因此您需要使用actionListener或至少修改action以在您的中返回 void 或 null 。<h:commandButton />通过使用action返回值，ViewScope 被破坏并重新创建。

查看代码：

<h:commandButton styleClass="btn btn-blue" actionListener="#{newsAlerts.add}" value="Add" />
<hr/>
<h:commandButton styleClass="btn btn-blue" actionListener="#{newsAlerts.submit}" value="Save" />

豆代码：

public void add(ActionEvent event)
{
    NewsVO newsVO = new NewsVO();
    newsVO.setLabel("News "+ this.values.size()+1);
    this.values.add(newsVO);
}

public void submit(ActionEvent event)
{
    for(NewsVO newsVO : this.values)
    {
        System.out.println(newsVO.getNews());
        System.out.println(newsVO.getLabel());
    }
}

更多信息 ：

动作与动作监听器

于 2013-05-19T10:26:14.580 回答