user-interface - JSF の Datatable の inputText に入力された値に基づいて outputText を自動入力する

Question

データテーブルに 1 つの入力ボックス「パーセンテージ」と 1 つの出力ボックス「金額」があります。今、私はパーセンテージを入力したときに金額を自動入力したい - パーセンテージで10を入力すると、金額はTotalAmount * 10/100で入力され、それに応じて「creditControlTermModel.amount」を更新する必要があります

<hx:dataTableEx border="0" value="#{client.creditControlList}"
    var="creditControlTermModel">
<hx:columnEx id="ColumnEx5">
    <f:facet name="header">
        <h:outputText value="Percentage"
            styleClass="outputText" id="48"></h:outputText>
    </f:facet>
    <h:inputText styleClass="inputText" id="creditControltext64Input" size="10" 
        value="#{creditControlTermModel.percentage}" ></h:inputText>
</hx:columnEx>
<hx:columnEx id="columnEx6">
    <f:facet name="header">
        <h:outputText value="Amount"
            styleClass="outputText" id="AmtHdr"></h:outputText>
    </f:facet>
    <h:outputText styleClass="outputText" id="TxtOut"
        value="#{creditControlTermModel.amount}" ></h:outputText>
</hx:columnEx>

それを行う方法を提案してください。使ってみた