ui:在每个ajax调用上计算的重复值表达式

时间:2013-04-08 06:02:32

标签: ajax jsf-2 el uirepeat

我有test.xhtml:

<h:form id="formProduct" >
  <h:panelGroup id="filterProductTotal" layout="block">
    <h:outputText value="#{filtersControllerRequestScoped.filteredProductsCount}"/>                            
  </h:panelGroup>
  <div id="product_container">
    <ui:repeat value="#{filtersControllerRequestScoped.getFilteredProducts(1)}" var="product">  
      <div class="item">
        <util:product-item-preview_2 productItem="#{product}"/>
      </div>
    </ui:repeat>                
  </div>
</h:form>    

我读到了重复调用方法的问题,并努力保持GET方法的业务逻辑并试图实现LAZY加载。

请求scoped bean中的方法getFilteredProducts()在各种请求中调用,即使我没有更新表单id =“formProduct”。 “p:ajax”或“p:remoteCommand”在有和没有“更新”anithig的情况下调用的请求。

对我来说问题 - 我不明白为什么每次调用“getFilteredProducts”方法(每次ajax调用),但是在加载页面时只调用一次“filteredProductsCount”。

更新:有点想法。

可能是我在其他请求中使用“#{product}”实际上我使用“#{filtersControllerRequestScoped.getFilteredProducts(1).get(INDEX)}”,而不是简单的对象“#{product}”?< / p>

更新<util:product-item-preview_2/>的一部分:

<composite:interface name="productItemPreview" displayName="hello">
    <composite:attribute name="productItem"/>
</composite:interface>

<composite:implementation>
...
  <h:commandLink value="quick order" onclick="quickOrderPrepare(#{cc.attrs.productItem.productId})">
    <p:ajax process="@this" oncomplete="quickOrderShow()" partialSubmit="true"/>
  </h:commandLink>
...
  <span class="b-prices">
    <h:outputText value="Price: "/>
    <h:outputText value="#{discountControllerRequestScoped.getProductPrice(cc.attrs.productItem)}">
      <f:convertNumber minFractionDigits="2" maxFractionDigits="2"/>
    </h:outputText>
  </span>

...     

<script>
function quickOrderPrepare(productId) {
  setProductQuickOrderPanelRemoteCommand([{name: 'productId', value: productId}]);
}            
function quickOrderShow(){
  updateQuickOrderPanelRemoteCommand();
  $('.popup.productQuickOrder').bPopup({            
    onClose: function() { updateBasket(); }
  });                
}
</script>

setProductQuickOrderPanelRemoteCommandupdateQuickOrderPanelRemoteCommand是primefaces remotecommand。

1 个答案:

答案 0 :(得分:0)

根据BalusC's blog,根据我的理解,当您在某些请求中使用#{product}时,将首先恢复整个视图。由于您的bean是@RequestScoped,因此上一个请求的filteredProducts列表中没有任何内容。即使您将范围更改为@ViewScoped,您仍可能遇到同样的问题,因为您没有将filteredProducts存储为bean的属性。因此,JSF无法知道提交的product是什么。因此,您的列表将被重建。

我认为您应该将bean更改为@ViewScoped并将filteredProducts存储为bean的属性。不要使用getFilteredProducts(1)来获取列表。