jquery - Kendo UI 网格十进制数列

Question

我有一个重量栏(单位:公斤)。当用户点击它时，我需要让他们能够输入 3 位小数。

我遇到的问题是目前只允许他们将其放入 2 个位置，但显示为 3 个位置。您可以输入小数点后的数字，但保存时会将其四舍五入到 2 位。

我的专栏是这样设置的:

...
{
        field: "weight",
        title: "Weight",
        width: 40,
        format: "n4",
        decimals: 4,
        step: 0.001,
        template: "#= weight.toFixed(3)+'kg' #"
}
...

我尝试了一些方法，但没有任何效果。

Answer 1

几个问题(据我所知):

1. 列中的格式未定义为 n4，而是定义为 {0:n4}。
2. 格式不仅仅指数字的格式，还可能包括一些文本。例如:{0:n4} 公斤。
3. 对于数字列，无法将属性指定为小数、步长，因此您应该定义一个编辑器函数。

此外，我不明白你关于小数和舍入的问题。

我建议将列定义为:

{
    field: "weight",
    title: "Weight",
    width: 40,
    editor: numberEditor,
    format: '{0:n3} Kg.'
}

(假设您需要三位小数精度)并将 numberEditor 定义为:

function numberEditor(container, options) {
    $('<input name="' + options.field + '"/>')
            .appendTo(container)
            .kendoNumericTextBox({
                format  : "{0:n3}",
                decimals: 3,
                step    : 0.001
            });
}