p:多个元素的ajax更新

时间:2017-04-30 21:28:54

标签: ajax jsf primefaces

我在尝试更新两个元素时遇到了麻烦。

这是我的代码:

<h:form id="all">
        <table id="gt" class="CartContents Stylize General" cellspacing="0" cellpadding="0" style="display:#{clothesBean_i.convertToList(clothesBean_i.cartclothes)}">


            <tbody>


<!--                AFFICHAGE PRODUIT -->
<ui:repeat   value="#{clothesBean_i.convertToList(clothesBean_i.cartclothes)}" var="c">
<tr>
    <td class="CartThumb" style="">
        <a href="http://outdoor-adventures-demo.mybigcommerce.com/foam-rollup-mat/"><img src="" /></a>&#160;
    </td>
    <td class="ProductName" colspan="1">
        <h5><a href=""></a></h5>
        <br />

    </td>

    <td align="center" class="CartItemIndividualPrice">
         $ #{c.price}
    </td>
    <td  id="qt" align="center" class="CartItemIndividualPrice">
    <h:outputLabel for="ajaxSpinner" value="" />
    <p:outputPanel id="mypanel">
        <p:spinner   id="ajaxSpinner" value="#{clothesBean_i.qt}" min="1" max="100">
            <p:ajax update="tot grandT" process="@this" />
        </p:spinner>
    </p:outputPanel>
    </td>

    <td  align="center" class="CartItemIndividualPrice">

    <h:outputText id="tot" value="$ #{clothesBean_i.getClothePriceQt(c)}" />

    </td>

</tr>
</ui:repeat>
            </tbody>
        <tfoot >

                <tr  class="SubTotal GrandTotal">
                    <td colspan="4">Grand Total:</td>
                    <td >
                    <h:outputText id="grandT" value="$ #{clothesBean_i.getClothesPrice(clothesBean_i.convertToList(clothesBean_i.cartclothes))}" />
                    </td>
                </tr>

            </tfoot>

        </table>
    </h:form>

在这一行

<p:ajax update="tot grandT" process="@this" />

当我只提供一个ID(totgrandT)时,它运行正常, 但有两个ID我只得到一个空白页面(没有显示)!

0 个答案:

没有答案