backing beanなしでinputTextの値を即座に取得できますか？

Question

backing beanなしでinputTextareの値をオンザフライで取得できますか？

<p:dialog> 
<p:inputTextarea rows="5" cols="30" value="#{_var.note}" /> 
<h:outputText id="remaining" value="#{util.getCharactersRemaining("varibale of textarea", 160)} characters left" /> 



public class UtilFacade { 
    public int getCharactersRemaining(String value, int maxLength) { 
     log.info("length: " + value.length()); 
     return (maxLength - value.length()); 
    } 
} 

ダイアログ内の残りの文字を表示するために、私は、バッキングBeanに値を保存せずにテキストエリアの現在の値を持つメソッドを養うために持っています！ この値はどのように取得できますか？

Answer 1

これはJavaScriptメソッドで行うことができます（サーバーに行く必要はありません）。ここではサンプルです：

<script type="text/javascript"> 
    function getRemainingChars(textArea, maxLength) { 
     var actualText = textArea.value; 
     if (actualText.length > maxLength) { 
      textArea.value = actualText.substring(0, maxLength); 
     } 
     var remainingChars = (maxLength > actualText.length) ? maxLength - actualText.length : 0; 
     document.getElementById("frmMyPage:txtRemainingChars").value = remainingChars; 
    } 
</script> 
<h:form id="frmMyPage"> 
<h:inputTextArea id="txtTextArea" cols="50" rows="10" onkeyup="getRemainingChars(this, 500);" /> 
<br /> 
<h:outputText id="txtRemainingChars" /> 
</h:form> 

あなたは（このケースでは、私はからkeyupイベントにテキストを検証するためにpreffer）​​、keypressとkeyupのjavascript機能hereについての詳細を取得することができます。また、コンポーネント全体を送信する代わりに、JavaScript関数を変更してコンポーネントのIDを送信することもできます（JSをinputTextコンポーネントやsimilarsで利用できるようになります）。