1

我有一个 ul orderlist 多个列表项，最后一个列表项包含不同运输选项的下拉列表。

<ul class="shipping_group">
    <p:dataList id="cartOrderItemList" rendered="#{ not empty cart.cartSummary.orderItems}"
        type="none" var="orderItem" value="#{cart.cartSummary.orderItems}">
    <li>
        <div class="item"></div>
        <div class="finishing"></div>
        <div class="qty"></div>
        <div class="item_subtotal"></div>
    </li>
    </p:dataList>
    <li>
        <div class="shipping_method">
            <p>These items will ship together. Choose Shipping Method:</p>
            <p:selectOneMenu styleClass="shipping_select" value="#{cart.cartSummary.shippingMethod}">  
                <f:selectItems value="#{cart.cartSummary.shippings}" var="rate" itemValue="#{rate.method}" itemLabel="#{rate.displayNameDesc}"/>  
                <p:ajax update="shippingMethodText shippingMethod2Text" listener="#{cart.updateShippingMethod}" />
            </p:selectOneMenu>
        </div>  
    </li>
</ul>

在我的代码的某个地方，我有这个：

<span class="shipping">Total Shipping Cost: <strong>
    <h:outputText id="shippingMethodText" value="#{cart.cartSummary.shippingPrice}">
    <f:convertNumber currencySymbol="$" type="currency" />
    </h:outputText></strong>
</span>

以及支持bean的方法：

Cart.java
private CartSummary cartSummary;
private List shippings
public void updateShippingMethod(){ .... }

CartSummary.java
private List<OrderItem> orderItems;

以下是基本功能：

  1. 下拉选择更改
  2. updateShippingMethod() 将被触发
  3. shippingMethodText 将得到更新。

都好。直到...我用另一个数据列表嵌套了整个结构。

<!-- Cart Group -->
<p:dataList id="cartGroupList" rendered="#{not empty cart.cartSummary.cartGroups}" type="none"
    var="group" value="#{cart.cartSummary.cartGroups}">
    <ul class="shipping_group">
        <p:dataList id="shipping_group" type="none" var="orderItem" value="#{group.orderItems}">
        <li>
            <div class="item"></div>
            <div class="finishing"></div>
            <div class="qty"></div>
            <div class="item_subtotal"></div>
        </li>
        </p:dataList>
        <li>
            <div class="shipping_method">
                <p>These items will ship together. Choose Shipping Method:</p>
                <p:selectOneMenu styleClass="shipping_select" value="#{cart.cartSummary.shippingMethod}">  
                    <f:selectItems value="#{cart.cartSummary.shippings}" var="rate" itemValue="#{rate.method}" itemLabel="#{rate.displayNameDesc}"/>  
                    <p:ajax update="shippingMethodText" listener="#{cart.updateShippingMethod}" />
                </p:selectOneMenu>
            </div>  
        </li>
    </ul>
</p:dataList>

随着相应的 Backing bean 的变化：

Cart.java
private CartSummary cartSummary;
public void updateShippingMethod(){ .... }

CartSummary.java
private List<CartGroup> cartGroups; 

CartGroup.java
private List<OrderItem> orderItems
private List shippings

侦听器中的方法没有变化。不知何故，没有触发任何js。我尝试在 primefaces.js.jsf 和 jsf.js.jsf 中进行调试。但是没有断点被击中。我正在使用 primefaces 3.4 和 glassfish faces 2.1.4

JSF 将哪些 js 文件用于 ajax 函数？JSF 使用与“普通”jquery 相同的选择器，对吗？它如何找到选择器并捕获事件？

非常感谢您的任何建议。

4

0 回答 0