Select primefaces 数据中的行 table

Question

我有这个table:

<h:form>
    <p:dataTable id="books" value="#{ordersBean.userOrders}" var="book" selection="#{ordersBean.selectedBook}">
        <p:column>
            <f:facet name="header">Order ID</f:facet>
            <h:outputText value="#{book[0]}"/>
        </p:column>
        <p:column>
            <f:facet name="header">Title</f:facet>
            <h:outputText value="#{book[1]}"/>
        </p:column>
        <p:column>
            <f:facet name="header"></f:facet>
            <p:commandButton id="selectRowBtn" value="select" action="#{ordersBean.showSelectedBook}"/>
        </p:column>
    </p:dataTable>
</h:form>

我希望当我点击每个 select 按钮时，它的行信息分配给 selectedBook 属性并在 showSelectedBook() 方法中显示它：

这里是 ordersBean:

private Book selectedBook = new Book();

public Book getSelectedBook() {
    return selectedBook;
}

public void setSelectedBook(Book selectedBook) {
    this.selectedBook = selectedBook;
}

public void showSelectedBook() {
    System.out.println("In selected Book(), book: " + getSelectedBook());
}

但结果是这样的：

In selected Book(), book: null

Answer 1

应该是这样的：

XML代码：

<p:commandButton id="selectRowBtn" value="select" 
    action="#{ordersBean.showSelectedBook}">
    <f:param name="bookId" value="#{book[0]}" />
</p:commandButton>

Java豆类方法：

public void showSelectedBook() {

    Map<String,String> params = 
        FacesContext.getExternalContext().getRequestParameterMap();

    int bookId = Integer.valueOf(params.get("bookId"));

    for(Book book : bookList){
        if(book.bookId == bookId){
            selectedBook = book;
            break;
        }
    }

    System.out.println("In selected Book(), book: " + getSelectedBook());
}

此外，您必须了解向动作发送参数的模式，请参阅下文link。 http://www.mkyong.com/jsf2/4-ways-to-pass-parameter-from-jsf-page-to-backing-bean/

Answer 2

如果你想显示选中的书你必须设置selectionMode="single"并且没有必要在每行中放一个commandButton，只需要在页脚中指定一个commandButton这样的方面：

<f:facet name="footer">
        <p:commandButton id="selectRowBtn" value="select" action="#{ordersBean.showSelectedBook}"/>
    </f:facet>

而你的主要问题是你正在为你的selectedBook变量设置一个new Book()，所以你的null值selectedBook ，这个声明：

private Book selectedBook = new Book();

应该是：

private Book selectedBook;

您不必在 selectedBook 中实例化 new Book()。

看看这个 Showcase 中的第二个示例，看看它是如何工作的。

Answer 3

更好的解决方案，没有 select 按钮：

Xml代码：

<p:dataTable id="ListBook"
    value="#{ordersBean.bookList}"
    selection="#{ordersBean.selectedBook}" var="book"
    rowKey="#{book.id}" selectionMode="single">

    <p:ajax event="rowSelect"
        listener="#{ordersBean.onRowSelectDataTable()}"
                                    update="ListBook" />
  ..... <columns> ..
</p:datatable>

Java豆子：

private Book selectedBook=new Book();
private boolean headerButtonsDisabled=true;
//add a List object for all books (bookList) with getter and setter


public boolean isHeaderButtonsDisabled() {
        return headerButtonsDisabled;
    }

public void setHeaderButtonsDisabled(boolean headerButtonsDisabled) {
    this.headerButtonsDisabled = headerButtonsDisabled;
}

public void onRowSelectDataTable() {
    this.setHeaderButtonsDisabled(false);
}

public Book getSelectedBook() {
        return selectedBook;
    }

public void setSelectedBook(Book selectedBook) {
    this.selectedBook = selectedBook;
}

Select primefaces 数据中的行 table

Select Row in primefaces data table

java

datatable

jsf

primefaces