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

Question

我有一个关于素面的问题。我有一个文本框，我需要该文本框中的字符限制以及给出当前字符状态的输出文本。

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



而不是字符数 下 , 我更喜欢计数 向上 .更像是“使用了 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)

我只是不确定如何在素面上做这样的代数。

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>