Question

我有一个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;

以下是基本功能：

下拉列表选择更改
updateShippingMethod（）将解雇
shippingMethodText将会更新。

一切都好。直到...我用另一个datalist嵌套了整个结构。

<!-- 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 beans更改：

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面对2.1.4

JSF用于ajax函数的js文件是什么？ JSF使用与“plain”jquery相同的选择器，对吗？它如何找到选择器并捕获事件？

非常感谢您的任何建议。

JSF：ajax不适用于嵌套的datalist

0 个答案: