h: commandButton не работает в PrimeFaces p: dataTable - PullRequest
Новая
       11

h: commandButton не работает в PrimeFaces p: dataTable

2 голосов
/ 24 августа 2011

У меня есть данные PrimeFaces. Для каждой строки в этой таблице я хочу разрешить пользователю обновлять / удалять запись строки (пользователь). 

<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:p="http://primefaces.prime.com.tr/ui">
<h:head>
    <link type="text/css" rel="stylesheet" href="themes/bluesky/skin.css" />
</h:head>
<h:body>
    <center>
        <h:form>
            <p:panel id="viewUsersPanel" header="View Users">
                <p:dataTable var="user" value="#{uController.users}"
                    emptyMessage="No Users Found.">
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            <h:outputText value="Name" />
                        </f:facet>
                        <h:outputText value="#{user.name}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            <h:outputText value="Postal Address" />
                        </f:facet>
                        <h:outputText value="#{user.address}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            <h:outputText value="Phone Number" />
                        </f:facet>
                        <h:outputText value="#{user.phone}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            <h:outputText value="Email Address" />
                        </f:facet>
                        <h:outputText value="#{user.email}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            <h:outputText value="DOB" />
                        </f:facet>
                        <h:outputText value="#{user.dob}">
                            <f:convertDateTime pattern="dd-MMM-yyyy" />
                        </h:outputText>
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            <h:outputText value="No. Memberships" />
                        </f:facet>
                        <h:outputText value="#{user.numberOfMemberships}" />
                    </p:column>
                    <p:column style="text-align: center;">
                        <f:facet name="header">
                            <h:outputText value="Actions" />
                        </f:facet>
                        <h:commandButton value="Update" action="#{uController.update}" />
                        <h:commandButton value="Delete" action="#{uController.delete}" />
                    </p:column>
                </p:dataTable>
                <h:panelGrid columns="2" cellpadding="2" id="footerPanelGrid"
                    border="0">
                    <h:commandButton action="#{uController.home}" value="Home Page" />
                </h:panelGrid>
            </p:panel>
        </h:form>
    </center>
</h:body>
</html>

Однако ни одна из кнопок не работает. Вместо этого они просто обновляют страницу просмотра. Я запустил приложение в режиме отладки, и ни один из методов обновления или удаления не используется.

Я подозреваю, что это может быть связано с использованием h: commandButton в p: dataTable. Тем не менее, я также пробовал p: commandButton, но безрезультатно.

Для справки приведен фрагмент класса UserController: 

@ManagedBean(name="uController")
public class UserController extends AbstractController {

    private Collection<User> users;

            ...

    public String update() {

        System.out.println("Ready for update");

        return "update-user";
    }

    public String delete() {

        System.out.println("Ready for delete");

        return "delete-user";
    }
            ...
}

1 Ответ

2 голосов
/ 24 августа 2011

Я нашел решение, используя бин ViewScoped.Статья, с которой я столкнулся:

Изучение JSF2: Управляемые компоненты

Я изменил свой h: commandButton на: 

<h:commandButton value="Delete" action="#{userList.delete}">
    <f:setPropertyActionListener target="#{userList.selectedUser}"
        value="#{user}" />

Iтакже переработал мой класс UserController, и он стал UserList: 

import java.util.Collection;

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

@ManagedBean(name="userList")
@ViewScoped
public class UserList {

    private Collection<User> users;
    private User selectedUser;

    @ManagedProperty(value="#{userService}")
    private UserService userService;

    public void setUserService(UserService userService) {

        this.userService = userService;
    }

    @PostConstruct
    public void populateList() {

        users = userService.getUsers();
    }

    public void delete() {

        // TODO remove from DB

        users.remove(selectedUser);
    }

    public User getSelectedUser() {

        return selectedUser;
    }

    public void setSelectedUser(User selectedUser) {

        this.selectedUser = selectedUser;
    }

    public Collection<User> getUsers() {

        return users;
    }

}

Спасибо за ваши ответы Zenzen.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...