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>

問題は、結果のコードにjavascriptコードがレンダリングされていなくても、ラジオボタンがajaxイベントを起動しないことです。

<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...]

また、上部に1つのt：inputTextを含めました。問題が発生したのは、t：selectOneRadioの使用法であるかどうかを確認してください。

私はMojarra、RichFaces 4.2.1、Tomahawk1.1.14を使用しています。

4

1 に答える 1

0

t：selectOneRadioでa4j：ajaxまたはf：ajaxを使用できなかったため、この回避策を使用しました。

<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 に答える