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

Question

我正在显示使用以下格式设置为百分比的数值：

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

[当字段应显示为1.00%时，它以任何给定值100.00%都一样显示it's adding zeros，另外一个值为65.37%，输出为6,537.00%

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

在上面，您可以看到我正在推送列，这是一个数组，将传递给创建网格的函数。

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用户界面：以上对我没有用。保持将80％转换为800％

此方法有效：

format="#=Percentage# \%"