Question

我使用以下内容显示格式为百分比的数值：

columns.push(
            {
                field: key,
                hidden: false,
                format: "{0:p2}"
            });

当字段显示1.00%时，它显示100.00%任何给定值it's adding zeros，{1}}还有一个值为65.37%，输出为{ {1}}

我遗漏的任何设置或格式有什么问题？问题是我正在动态创建网格，因此我无法显示完整的网格设置。

在上面你可以看到我推的列是一个数组，它将被传递给创建网格的函数。

Answer 1

请尝试使用以下代码段。

<div id="grid"></div>
<script>
    $("#grid").kendoGrid({
        dataSource: {
            data: [
              { id: 1, increase: 1.00 },
              { id: 1, increase: 65.37 }
            ],
            schema: {
                model: {
                    id: "id",
                    fields: {
                        increase: { type: "number" }
                    }
                }
            }
        },
        columns: [
          { field: "id" },
          {
              field: "increase",
              template: '#=kendo.format("{0:p}", increase / 100)#'
          }
        ]
    });

</script>

如果有任何疑虑，请告诉我。

Answer 2

当您将值格式化为百分比时，kendo中没有构建机制以将其相乘。这只能通过乘以和除以该值来完成。 Here some example

如果您只想显示带百分号的值，则需要使用模板：template: "<span>#=fieldName# %<\span>"

Answer 3

Telerik Kendo Angular UI：以上对我没有用。保持将80％转换为800％

这有效：

format="#=Percentage# \%"

Answer 4

对于十进制精度：

format="##.0000 \%"

Kendo网格数格式化为百分比问题

4 个答案: