单击删除按钮后刷新一些内容使其消失

时间:2013-12-14 23:21:22

标签: java jsf refresh ajax4jsf

我正在使用<rich:datatable>来显示来自List<Map<String, String>>的数据(事实上,该列表只有一个Map<String, String>)。 datatable显示一行中的数据,并显示该行旁边的编辑和删除按钮。

当我点击delete button时,我清除了List和数据库中的注册表。我想,当我点击delete button时,不要显示datatable中的内容并停用editdelete buttons。这是数据表代码:

 <rich:dataTable value="#{searchAuthDetailController.finalResults}" 
        id="table" var="result"> 
            <c:forEach items="#{searchAuthDetailController.variableNames}" var="vname">
                <rich:column>
                         <f:facet name="header">#{vname}</f:facet>
                          #{result[vname]}
                     </rich:column> 
            </c:forEach> 
            <rich:column>
            <h:commandButton action="EditAuthor"  value="Edit" 
            disabled="#{searchAuthDetailController.editBtDisabled}">
                        <f:setPropertyActionListener target="#{editAuthController.selectedAuthor}"  
                        value="#{searchAuthDetailController.selectedAuthor}"/> 
            </h:commandButton>
            </rich:column>
            <rich:column>
            <a4j:commandButton value="Delete" disabled="#{searchAuthDetailController.deleteBtDisabled}"
             action="#{searchAuthDetailController.removeSelectedAuthor()}" render="table"/>
            </rich:column>
       </rich:dataTable>  

还有List<String>datatable下方显示一些链接。我点击删除按钮后,我希望这些链接和上面的文字不再出现。

<h:outputText value="#{searchAuthDetailController.linksLabel}" />
      <br />
       <a4j:repeat value="#{searchAuthDetailController.sameasListToShow}" var="uri" >
            <a href="#{uri}">#{uri}</a>
             <br />
       </a4j:repeat>

我使用了名为deleteBtDisablededitBtDisabled的2个变量作为按钮中disabled property的值。在remove()(下面的代码)中,我将这些变量设置为true,然后清除List<Map<String, String>>,变量名List,显示的List链接和linkslabel }。 这是remove()

public void removeSelectedAuthor() {
        this.authMapper.remove(bdModel, this.selectedAuthor);
        this.variableNames.clear();
        this.editBtDisabled = true;
        this.deleteBtDisabled = true;
        this.sameasListToShow.clear();
        this.linksLabel = "";
    }

此外,delete buttonrender属性设置为datatable's ID。

使用所有这些代码,当我单击删除按钮时,只有数据表中的内容消失,但按钮继续启用,链接列表继续在那里。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

我不是Richfaces用户。但是:

1)JSF标准CommandButton的Action方法应返回结果Navigation String或Null(在您的情况下)。例如:public String removeItem(){...}

2)建议使用List作为数据表的值而不是地图,我不知道你的属性是什么类型finalResults

3)如果你使用JSF 2.x然后你可以将参数传递给你的actionMethods作为EL ValueExpression:action="#{searchAuthDetailController.removeSelectedAuthor(item.id)}",我建议使用<f:ajax ....>进行更新,然后你可以只渲染/更新一些部分页面

我希望这些帮助。

如果你愿意,我可以给你一个工作的例子(没有richfaces)。

更新:示例

Bean:注意:不需要在faces-config中注册你的Bean,而是我在这里使用Annotations来做那个

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

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

@ManagedBean(name="bbean")
@SessionScoped
public class MyBean {

    private boolean dataTableRendered;
    private boolean linksRendered;
    private List<User> users;
    private List<String> links;

    public MyBean() {

    }

    @PostConstruct
    public void init(){
        try{
            users = new ArrayList<User>();
            links = new ArrayList<String>();
            dataTableRendered = new Boolean(true);
            linksRendered = new Boolean(true);
            for(int i=0; i<5; i++){
                users.add(new User(i,"User: XYZ-"+i));
            }

            for(int i=0; i<3; i++){
                links.add("http://www.abc-"+i+".tld");
            }
        }catch(Exception e){
            e.printStackTrace();
        }
    }   

    public final void removeUser(final User selectedUser){
        if( selectedUser == null ){
            return;
        }
        for(User u: this.users){
            if( u.getId() == selectedUser.getId() ){
                users.remove(u);
                break;
            }
        }
        this.setLinksRendered(false);       
    }   

    public boolean isDataTableRendered() {
        return dataTableRendered;
    }
    public void setDataTableRendered(boolean dataTableRendered) {
        this.dataTableRendered = dataTableRendered;
    }
    public boolean isLinksRendered() {
        return linksRendered;
    }
    public void setLinksRendered(boolean linksRendered) {
        this.linksRendered = linksRendered;
    }
    public List<User> getUsers() {
        return users;
    }
    public void setUsers(List<User> users) {
        this.users = users;
    }
    public List<String> getLinks() {
        return links;
    }
    public void setLinks(List<String> links) {
        this.links = links;
    }

}

用户对象:

import java.io.Serializable;
public class User implements Serializable{
    private static final long serialVersionUID = -8349963947101031989L;
    private int id;
    private String name;
    public User(int id, String name) {
        this.id = id;
        this.name = name;
    }
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
}

表格xhtml页面:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      >
<h:head>
    <meta charset="UTF-8" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <title>Test</title>    
</h:head>
<body>
<f:view> 
<h:form id="dataForm">
<h:dataTable id="dataTable" var="user" value="#{bbean.users}"
            rendered="#{bbean.dataTableRendered}"
            >
            <h:column>
                <h:outputText value="#{user.name}"></h:outputText>              
            </h:column>
            <h:column>
                <h:commandButton value="Remove">
                    <f:ajax execute="@form" render="@form" listener="#{bbean.removeUser(user)}" />
                </h:commandButton>
            </h:column>
</h:dataTable>
<h:panelGroup layout="block" id="linksTable" rendered="#{bbean.linksRendered}">
<ui:repeat var="link" value="#{bbean.links}">
<h:outputText value="#{link}, "></h:outputText>
</ui:repeat>
</h:panelGroup>
</h:form>
</f:view>
</body>
</html>