AJAX监听器没有被解雇为<p：selectBooleanButton>里面<p:dataList>

Question

我正在尝试使用<p:dataList>为页面上显示的alist f项目实现“添加项目到购物车”功能。添加按钮是一个p:selectBooleanButton。

我已经附加了一个ajax监听器来添加当前项目到我的支持bean中的集合。但是，侦听器方法未被调用，但按钮呈现更新。

附加一个valueChangeListener工程，但我认为我不应该使用它？

但是，无论哪种情况，我的分页都停止工作。点击任何分页按钮不会改变页面内容。

请问有人可以协助相同或建议更好的方法吗？

以下是代码：

辅助Bean

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

    private LazyDataModel<Movie> lazyModel; 

    private Map<Integer, Rental> cart; 

    @PostConstruct 
    public void initialize() { 
     cart = new HashMap<>(0); 
    } 

    public LazyDataModel<Movie> getLazyModel() 
    { 
     if (lazyModel == null) 
     { 
     lazyModel = new LazyDataModel<Movie>() { 

      private static final long serialVersionUID = -858683609299266223L; 

      @Override 
      public List<Movie> load(int first, int pageSize, String sortField, SortOrder sortOrder, Map<String, String> filters) 
      { 
       List<Movie> movieList = serviceLocator.getMovieService().getMovieCatalogInRange(first, (first + pageSize)); 
       this.setRowCount(serviceLocator.getMovieService().getCatalogSize()); 
       return movieList; 
      } 
     }; 
     } 
     return lazyModel; 
    } 

    public void updateCart(Object obj) 
    { 
     System.out.println("Selected Movie ID" + obj); 
     if (lazyModel != null) 
     { 
     System.out.println("Selected row in datalist - " + lazyModel.getRowIndex()); 
     System.out.println("Object instance associated with selected row - " + lazyModel.getRowData()); 
     } 
     // Process object instance and add to cart 
    } 

    public Map<Integer, Rental> getCart() { 
     return cart; 
    } 

    public void setCart(Map<Integer, Rental> cart) { 
     this.cart = cart; 
    } 

} 

的index.xhtml

<ui:composition template="/WEB-INF/templates/template.xhtml"> 
    <ui:define name="content"> 
     <h:outputStylesheet name="movies.css" library="styles" /> 

     <h:form prependId="false" id="form"> 
     <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"> 

      <p:panel id="movieInfo"> 
       <h:outputText value="#{movie.movieName}" styleClass="titles" /> 
       <div id="infoContainer"> 
        <div> 
        <h:graphicImage library="images" name="#{movie.imageUri}" /> 
        </div> 
        <div> 
        <div> 
         <h:outputText value="#{movie.plotLine}" /> 
        </div> 
        <div class="rating"> 
         <span>Rating : </span> 
         <p:rating value="#{movie.rating}" stars="10" readonly="true" /> 
        </div> 
        <div id="rent"> 
         <p:selectBooleanButton offLabel="Add to Cart" onLabel="Remove from Cart" id="btnRent" 
         value="#{not empty movies.cart[movie.movieID]}"> 
          <p:ajax update="btnRent" listener="#{movies.updateCart (movie.movieID)}" event="click"/> 
         </p:selectBooleanButton> 
        </div> 
        </div> 
       </div> 
      </p:panel> 

     </p:dataList> 
     </h:form> 

    </ui:define> 
</ui:composition> 

我使用JSF 2.1（钻嘴鱼科）+ Primefaces 3.5

Answer 1

您的p:selectBooleanButton的价值是#{not empty movies.cart[movie.movieID]}。这不可能。它应该是一个布尔左值，一些具有getter和setter的属性。如何让JSF在使用AJAX发送时设置字段？由于这些按钮在数据表中，您可以将它们的值组织为布尔值数组。