Question

我正在尝试使用<p:datalist>跟踪<p:selectBooleanButton>中的所选项目。我使用下面的代码片段来呈现列表。

<p:dataList value="#{movies.lazyModel}" var="movie" id="movies" paginator="true" rows="10"
   paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}"
   type="none" paginatorAlwaysVisible="false" lazy="true" rowIndexVar="currentRow" >

   <p:panel id="movieInfo">

     <!-- content markup -->

      <div id="rent">
         <p:selectBooleanButton offLabel="Add to Cart" onLabel="Remove from Cart" id="btnRent"
            value="#{movies.checkedItems[currentRow]}">
            <p:ajax update="btnRent" listener="#{movies.updateCart()}" event="click" process="btnRent"/>
         </p:selectBooleanButton>
      </div>

   </p:panel>

</p:dataList>

BackingBean

@ManagedBean(name = "movies")
@ViewScoped
public class MovieListBean extends BaseBean implements Serializable
{
   private static final long serialVersionUID = -1887386711644123475L;

   ....

   private boolean[] checkedItems;

   @PostConstruct
   public void initialize() 
   {
      int totalRows = serviceLocator.getMovieService().getCatalogSize();
      checkedItems = new boolean[totalRows];
   }

   ....

   public void updateCart()
   {
      if (lazyModel != null)
      {
         int selectedIndex = lazyModel.getRowIndex();
         System.out.println("Selected row in datalist - " + selectedIndex);
         System.out.println("Object instance associated with selected row - " + lazyModel.getRowData());
         System.out.println("checkedItems[" + selectedIndex + "] - " + checkedItems[selectedIndex]);
      }
   }

   public boolean[] getCheckedItems() {
      return checkedItems;
   }

   public void setCheckedItems(boolean[] checkedItems) {
      this.checkedItems = checkedItems;
   }

}

我已经看过SO上的解决方案以及使用<f:setPropertyActionListener>演示相同的文档，但它要求您使用ActionSource，即commandButton或commandLink。此外，其中大多数是<p:dataTable>。

在我的示例中不是这种情况，因为我必须在集合中添加/删除对象以及更新标题文本中的计数。这将在听众中实现，但似乎没有被触发。

所以，我的问题是如何在仍然使用dataList时更改我的方法。使用上面的片段也打破了分页。

我正在使用JSF 2.1（Mojarra）+ PrimeFaces 3.5

Answer 1

要在<p:dataList/>中启用操作组件，您需要将组件组包装在<p:column/>

中

     <p:dataList value="#{movies.lazyModel}" var="movie" id="movies" paginator="true" rows="10"  paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink}" type="none" paginatorAlwaysVisible="false" lazy="true" rowIndexVar="currentRow" >
         <p:column>
              <p:panel id="movieInfo">
                 <div id="rent">
                    <p:selectBooleanButton offLabel="Add to Cart" onLabel="Remove from Cart" id="btnRent" value="#{movies.checkedItems[currentRow]}">
                  <p:ajax update="btnRent" listener="#{movies.updateCart()}" event="click" process="btnRent"/>
                    </p:selectBooleanButton>
                 </div>
             </p:panel>
         </p:column>
     </p:dataList>

如何在primefaces datalist中实现多项选择？

1 个答案: