PrimeFaces中使用的和总字符数inputTextarea counterTemplate

Question

我对primefaces有疑问.我有一个文本框,我需要在该文本框中的字符限制以及输出文本给出当前的字符状态.

目前,我的计数器看起来像这样:

而不是一个字符数下来,我宁愿一个计数了.更像是"使用32/50字符"的东西.

以下是我为此做的一些代码:

<p:inputTextarea id="recommendedToolsOther" rows="4"
    style="vertical-align: top; width: 98% !important;" styleClass="preformatted"
    autoResize="false" value="#{rfeBean.rfe.otherRecommendedTools}"
    disabled="#{!rfeBean.recommendedToolsChecked[ReferralTemplateConstants.RECOMMENDED_TOOLS_HAND_OTHER]}"
    counter="displayRecTools" maxlength="50"
    counterTemplate="{0} characters remaining">
    <p:ajax event="change" update="recommendedToolsOther"/>
</p:inputTextarea>
<br/>
<h:outputText id="displayRecTools" />

我知道如何做到这一点.表示剩余字符数的变量由R表示.使用的字符数由U表示.
我需要这样做:U =(C-50)*( - 1)

我只是不确定如何在primefaces上做代数代数.

Answer 1

我认为它不可能与PF计数器...如果你想回到jQuery这对我有用:

<p:inputTextarea id="textarea" maxlength="20" onfocus="updateCount()" onkeyup="updateCount()"/>
<div id="counter"/>

同

<script>
    function updateCount() {
        $("[id$='counter']").html($("[id$='textarea']").val().length + "/" + $("[id$='textarea']").attr('maxlength') + " characters used");
    }
</script>