7

我正在尝试使用 JSF 设置一个数据表，其中包含行总数框，该框将汇总行中任何框的行总数 onChange。该行看起来像：

<tr id="input_row_1">
<td id="mondayInput1">
    <h:inputText id="monday1" size="4" value="#{timesheet.monday1}" required="false" />
    <!-- <input name="monday1" class="smallInput" type="number" size="2" maxlength="4" min="0"/> -->
</td>
<td id="tuesdayInput1">
    <h:inputText id="tuesday1" size="4" value="#{timesheet.tuesday1}" required="false" />
    <!--<input name="tuesday1" class="smallInput" type="number" size="2" maxlength="4" min="0"/> -->
</td>
<td id="wednesdayInput1">
    <h:inputText id="wednesday1" size="4" value="#{timesheet.wednesday1}" required="false" />
    <!--<input name="wednesday1" class="smallInput" type="number" size="2" maxlength="4" min="0"/> -->
</td>
<td id="thursdayInput1">
    <h:inputText id="thursday1" size="4" value="#{timesheet.thursday1}" required="false" />
    <!--<input name="thursday1" class="smallInput" type="number" size="2" maxlength="4" min="0"/> -->
</td>
<td id="fridayInput1">
    <h:inputText id="friday1" size="4" value="#{timesheet.friday1}" required="false" />
    <!--<input name="friday1" class="smallInput" type="number" size="2" maxlength="4" min="0"/> -->
</td>
<td id="saturdayInput1">
    <h:inputText id="saturday1" size="4" value="#{timesheet.saturday1}" required="false" />
    <!--<input name="saturday1" class="smallInput" type="number" size="2" maxlength="4" min="0"/> -->
</td>
<td id="sundayInput1">
    <h:inputText id="sunday1" size="4" value="#{timesheet.sunday1}" required="false" />
    <!--<input name="sunday1" class="smallInput" type="number" size="2" maxlength="4" min="0"/> -->
</td>
<td>
    <h:inputText id="total1" size="4" value="#{timesheet.total1}" required="false" />
    <!-- <input name="total1" id="total1" type="text" size="5" readonly="readonly" /> -->
</td>

所以我首先尝试添加onChange="#{timesheet.setTotal1}"到 day 条目，但 onChange 事件调用 javascript，而不是 java / JSF 代码。有人可以帮助更新总数吗？

编辑：我已经接受了 BalusC 的回答，但还需要event在标签中包含属性以<f:ajax>使其正常工作，就像这样

<h:inputText id="friday1" size="4" value="#{timesheet.friday1}" maxlength="4" required="false" >
    <f:ajax event="change" render="total1" listener="#{timesheet.updateTotal1}" />
</h:inputText>
4

1 回答 1

8

实际上，该onchange属性只是被视为纯文本 HTML 属性，它应该代表一个 JavaScriptonchange处理函数。这与“普通的”HTML 没有什么不同。该属性中的任何 EL 表达式都将被视为值表达式。另请参阅标签文档。

根据您的问题历史，您正在使用 JSF 2.x（请在未来的问题中明确提及确切的 JSF impl/version，因为与 JSF 1.x 相比，JSF 2.x 中的许多事情都不同）。因此，只需使用新的 JSF 2.0<f:ajax>标记即可。

<h:inputText ...>
    <f:ajax listener="#{timesheet.changeTotal1}" render="idOfTotalComponent" />
</h:inputText>

...

<h:outputText id="idOfTotalComponent" value="#{timesheet.total1}" />

和

public void changeTotal1(AjaxBehaviorEvent event) {
    total1 = ...;
}
于 2012-08-02T18:30:30.827 回答