p:datatable 内的 commandButton 不工作

Question

我知道这里有类似的问题，但 none 的解决方案对我有用。在我使用 primeface 数据表之前，一切都运行良好，但我需要 primefaces 的分页器，所以我切换到 primeface 的数据表而不是默认的 jsf 数据表。问题是我有一个名为 action 的列，其中将放置一些按钮。例如，其中一个按钮是 "Buy"。当我单击此按钮时，程序将从产品数据库中获取并将其添加到购物车数据库中。这与 jsf 数据表完美配合。但是在 primefaces 数据表中，它要么什么都不做，要么给出空点异常。这是我的 xhtml 文件。如果我点击数据表中第一项的购买按钮，如果我点击其他任何东西它什么也没做，它会给出空点异常。

<?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:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Shopping</title>
<h:outputStylesheet library="css" name="Product-table.css" />
</h:head>
<body>

<h:outputLabel value="Welcome  #{loginBean.name}"></h:outputLabel>
<br></br>
<br></br>
<div style="width: 100%;">
    <div style="width: 75%; float: left;">
        <h2>Products</h2>
        <h:form>
            <p:dataTable var="product" value="#{databaseBean.products}"
                filteredValue="#{databaseBean.filteredProducts}"
                widgetVar="productWidget" paginator="true" rows="10"
                paginatorTemplate="{CurrentPageReport} {FirstPageLink}
                 {PreviousPageLink} {PageLinks} {NextPageLink}
                 {LastPageLink} {RowsPerPageDropdown}"
                rowsPerPageTemplate="5,10,15,20,25">

                <f:facet name="header">
                    <p:outputPanel>
                        <h:outputText value="Search:" />
                        <p:inputText id="globalFilter"
                            onkeyup="PF('productWidget').filter()" style="width:150px"
                            placeholder="Search text" />
                    </p:outputPanel>
                </f:facet>

                <p:column headerText="Id" filterBy="#{product.id}" filterMatchMode="contains">
                    <h:outputText value="#{product.id}" />
                </p:column>

                <p:column headerText="Name" filterBy="#{product.name}" filterMatchMode="contains" >
                    <h:outputText value="#{product.name}" />
                </p:column>

                <p:column headerText="Price" filterBy="#{product.price}" filterMatchMode="contains">
                    <h:outputText value="#{product.price}" />
                </p:column>

                <p:column headerText="Quantity" filterBy="#{product.quantity}" filterMatchMode="contains">
                    <h:outputText value="#{product.quantity}" />
                </p:column>

                <p:column headerText="Category" filterBy="#{product.category}" filterMatchMode="contains" >
                    <h:outputText value="#{product.category}" />
                </p:column>
                <p:column>
                    <f:facet name="header">Action</f:facet>
                    <h:form>
                        <h:commandButton type="submit" value="#{product.id}"
                            name="buyLink" action="#{databaseBean.addtoCart}">
                            <f:param name="productId" value="#{product.id}" />
                            <f:param name="userId" value="#{loginBean.name}" />
                        </h:commandButton>
                    </h:form>
                </p:column>
            </p:dataTable>
        </h:form>
    </div>
    <div style="width: 25%; float: right;">
        <h2>Cart</h2>
        <p:dataTable value="#{databaseBean.cart}" var="product"
            styleClass="product-table" headerClass="product-table-header"
            rowClasses="product-table-odd-row,product-table-even-row">
            <p:column>
                <f:facet name="header">Product ID</f:facet>
        #{product.productId}
            </p:column>
            <p:column>
                <f:facet name="header">Quantity</f:facet>
        #{product.quantity}
            </p:column>
        </p:dataTable>
    </div>
</div>

<h:form>
    <h:commandButton action="#{loginBean.logout}" value="logout"></h:commandButton>
</h:form>

这是按钮应该调用的方法。正如我所说，它在默认的 jsf 数据表中工作得很好，所以我认为 java 代码没有任何问题，但问题出在 xhtml 文件中。

public void addtoCart(){
    //userId = getUserID();
    ManageCart MC = new ManageCart();
    FacesContext fc = FacesContext.getCurrentInstance();
    Map<String,String> params = 
            fc.getExternalContext().getRequestParameterMap();
    String productIdString =  params.get("productId"); 
    int productId = Integer.parseInt(productIdString);
    MC.addToChart(userId, productId, 1);
    cart = mc.listCart(userId);
    products = mp.listProducts();
}

如果有任何帮助，我将不胜感激。谢谢。

Answer 1

我找到了解决方案。我需要从操作列的代码块中删除标签 <h:form></h:form>，它起作用了。

p:datatable 内的 commandButton 不工作

commandButton inside p:datatable is not working

jsf

primefaces

jsf-2