jsf - 格式化primefaces ext输入数字的小数位

Question

我有一些代码如下（工作正常）

  <pe:inputNumber
        value="#{myBean.myVal}"
        minValue="0" maxValue="999999999999999.999999999"
        emptyValue="1"
        thousandSeparator="."
        decimalSeparator=","
    />

然后，如果我输入 [1]，它将显示 [1,000000000]，我的麻烦是很多零可能会让我的用户感到困惑。 无论如何要在这个输入上修剪它吗？，只需显示用户输入的任何内容，例如[1,20] -> [1,2] or [1,20]

Answer 1

我的脚本：

function trimDecimalPlace(){                
                var curVal = $(".ui-inputNum > input:first-child").val();
                var parseVal = '';
                if(curVal.indexOf(".") > curVal.indexOf(",")){
                    var tokens = curVal.split(".");
                    var decimalVal = parseFloat("0."+tokens[1])+"";                 
                    if(decimalVal != "0"){
                       parseVal = tokens[0]+"."+decimalVal.substring(2);
                    }else{
                       parseVal = tokens[0];
                    }   
                }else{
                    var tokens = curVal.split(",");
                    var decimalVal = parseFloat("0."+tokens[1])+"";                 
                    if(decimalVal != "0"){
                       parseVal = tokens[0]+","+decimalVal.substring(2);
                    }else{
                       parseVal = tokens[0];
                    }
                }
                $(".ui-inputNum > input:first-child").val(parseVal);
            }

并在模糊中调用它：

    <pe:inputNumber
        value="#{myBean.myVal}"
        minValue="0" maxValue="999999999999999.999999999"
        emptyValue="1"
        onblur="trimDecimalPlace();"
        thousandSeparator="."
        decimalSeparator=","
    />

Answer 2

您可以使用decimalPlaces属性。默认值是从maxValue属性中获得的，因此在您的情况下它是 999999999999999. 999999999。

Answer 3

只需将标签 padControl="false" 与 inputNumber 控件一起使用

<p:inputNumber style="width:140px;"
    value="#{mopEdicionBean.permisoMop.mopKlmtFinalB}"
    thousandSeparator="" decimalPlaces="3" maxlength="4" minValue="0"
    maxValue="9999" size="16" padControl="false">
    <p:ajax event="change" update="nombre_permiso"/>
</p:inputNumber>