Kendo 文化中的数字格式变化

Question

我想在网格中将数字列值格式化为 55,25,236.30。我创建了一个 JS 函数并从网格中的列模板调用。我的 JS 函数：

function NumberFormater(Price) {
    kendo.culture("en-US");
    kendo.cultures.current.numberFormat.groupSize = [3,2];
    return kendo.toString(Price, "##,#.00");
}

但该值显示为 5,525,236.30。根据此 link，groupSize 的默认值是 [3]。是不是不能像C#中的numberformat那样设置多个值，比如[3,2]？

Answer 1

确保 NumberFormater 函数接收一个 numeric 参数。下面是一个有效的测试页。

附带说明一下，我不确定每次执行函数时是否需要设置 culture 和 groupSize。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Untitled</title>

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css">
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.default.min.css">

    <script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="http://kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script>
  </head>
  <body>

    <input class="k-textbox" type="number" value="5525236.3" />
    <button id="format" class="k-button">Format numeric value</button>

    <script>

      $("#format").click(function(){
        var formattedValue = NumberFormater(parseFloat($(".k-textbox").val()));
        alert(formattedValue);
      });

      function NumberFormater(Price) {
        kendo.culture("en-US");
        kendo.cultures.current.numberFormat.groupSize = [3,2];
        return kendo.toString(Price, "##,#.00");
      }  

    </script>
  </body>
</html>

Kendo 文化中的数字格式变化

Kendo numberFormat change in culture

grid

culture

kendo-ui