Kendo 网格截断小数

Question

如何防止此值四舍五入且只保留两位小数？我试过了，但没有用，

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [ {
    field: "colTwo",
    format: "{0:n2}",
    editor: amountE
  } ],
  filterable: true,
  dataSource: [ { colTwo: 0.377941} ]
});

function amountE(container, options) {
  $('<input name="' + options.field + '"/>')
    .appendTo(container)
    .kendoNumericTextBox({
    decimal: 1,
    round: false,
    //format: "{0:n2}",
  })
}

Answer 1

How to prevent this value from rounding?

尝试This

通过输入格式 "{0: n2}"，在 table 中，您要求四舍五入到小数点后两位。更改格式以获取原始值或不同的轮数。

$("#grid").kendoGrid({
  columns: [ {
    field: "colTwo",
    format: "{0}"
  } ],
  filterable: true,
  dataSource: [ { colTwo: 0.377941} ]
});

<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/datepicker/index">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.default.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.default.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2017.2.621/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
</body>
</html>

And it is possible to display only 2 decimal point?

在这种情况下，我建议通过截断值来使用模板。在这里 link you can find examples of how to truncate a value on javascript (without rounding). In 而不是如何在不使用数学库的情况下做到这一点。

$("#grid").kendoGrid({
  columns: [ {
    field: "colTwo",
    format: "{0}",
    template: '#= (((colTwo * 100)|0)/100) #'

  } ],
  filterable: true,
  dataSource: [ { colTwo: 0.377941} ]
});

<!DOCTYPE html>
<html>
<head>
    <base href="http://demos.telerik.com/kendo-ui/datepicker/index">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.common.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.default.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2017.2.621/styles/kendo.default.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2017.2.621/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2017.2.621/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
</body>
</html>

道场here.

Kendo 网格截断小数

Kendo grid truncate decimals

javascript

jquery

kendo-ui

kendo-grid