2

我正在创建一个动态表单，并在选择其他行时需要更新购物车的每个行前面的无线电按钮：

<t:inputText id="test">
    <f:ajax event="click" onevent="alert('3');" />
</t:inputText>

<t:selectOneRadio id="rbtnQuantity" value="#{orderActions.selectedQuantity}" layout="spread">
    <f:selectItems value="#{orderActions.quantities}" var="item" />
    <f:converter converterId="integerConverter" />
    <a4j:ajax event="click" oncomplete="renderPrices();" />
</t:selectOneRadio>

<rich:dataTable id="tblQuantities" styleClass="quantities" value="#{orderActions.formatQuantityPrices}" var="item" rowKeyVar="row">
    <h:column>
        <t:radio id="rbtnQuantity" for=":form:rbtnQuantity" index="#{row}" />
    </h:column>

    <h:column>
        <h:outputText value="#{item.quantity}" />
    </h:column>

    <h:column>
        <h:outputText value="#{item.price}">
            <f:convertNumber type="currency" currencySymbol="$" />
        </h:outputText>
    </h:column>

    <h:column>
        <h:outputText value="#{item.price / item.quantity}">
            <f:convertNumber type="currency" currencySymbol="$" />
        </h:outputText>/u
    </h:column>
</rich:dataTable>

问题是没有单选按钮触发 ajax 事件，即使在结果代码中也没有呈现 javascript 代码：

<table id="form:tblQuantities" class="rf-dt quantities">
    <colgroup span="4">
    </colgroup>
    <tbody id="form:tblQuantities:tb" class="rf-dt-b">
        <tr id="form:tblQuantities:0" class="rf-dt-r rf-dt-fst-r">
            <td id="form:tblQuantities:0:j_idt296" class="rf-dt-c">
                <label><input id="form:tblQuantities:0:rbtnQuantity" type="radio" name="form:rbtnQuantity" checked="checked" value="25" />&#160;25</label>
            </td>
            <td id="form:tblQuantities:0:j_idt297" class="rf-dt-c">25</td>
            <td id="form:tblQuantities:0:j_idt309" class="rf-dt-c">118,75 $</td>
            <td id="form:tblQuantities:0:j_idt310" class="rf-dt-c">4,75 $/u</td>
        </tr>
[more similar rows...]

我还在顶部添加了一个 t:inputText，看看是不是 t:selectOneRadio 的使用才是问题所在，但不是。

我正在使用 Mojarra、RichFaces 4.2.1、Tomahawk 1.1.14。

4

1 回答 1

0

由于我无法将 a4j:ajax 或 f:ajax 与 t:selectOneRadio 一起使用，因此我使用了以下解决方法：

<a4j:jsFunction name="changeQuantity" oncomplete="renderPrices();">
    <a4j:param assignTo="#{orderActions.selectedQuantity}" name="quantity" />
</a4j:jsFunction>

<t:selectOneRadio onclick="quantity = jQuery(this).val();changeQuantity(quantity);" id="rbtnQuantity" value="#{orderActions.selectedQuantity}" layout="spread">
    <f:selectItems value="#{orderActions.quantities}" var="item" />
    <f:converter converterId="integerConverter" />
</t:selectOneRadio>

它工作正常，但如果有人找到正确的解决方案或我，我宁愿解决问题。

编辑 ：

这是最终使用的代码：

<a4j:jsFunction name="changeQuantity" oncomplete="renderPrices();">
    <a4j:param assignTo="#{orderActions.selectedQuantity}" name="quantity" />
</a4j:jsFunction>

# Each row of the table :

<input type="radio" name="quantity" value="#{item.quantity}" checked="#{orderActions.selectedQuantity eq item.quantity ? 'checked' : ''}" onclick="changeQuantity(#{item.quantity});" />
于 2012-11-19T22:35:34.360 回答