javascript - Kendo Grid 数字 chop 到小数点后两位。如何让它尊重用户输入的内容？

Question

在此Kendo Grid demo ，如果您编辑“库存数量”下的数字并添加多个小数(尝试 2.203848)，它会将其 chop 为 2.20。看起来这是默认行为。

我知道我们可以用 {0:n4} 指定小数格式，例如。

但是如果小数位数未知或者可以变化怎么办？有没有办法让网格使用用户输入的确切数字？

Answer 1

要在网格中进行此操作，您需要使用自定义编辑器。将小数位数设置为足够高的数字，并确保您的字段格式有足够的位置。这个很好的答案here稍微调整一下即可解决您的问题。

function numberEditor(container, options) {
$('<input name="' + options.field + '"/>')
        .appendTo(container)
        .kendoNumericTextBox({
            decimals: 8,
            step    : 0.01
        });
}

$("#grid").kendoGrid({
    dataSource: dataSource,
    navigatable: true,
    pageable: true,
    height: 550,
    toolbar: ["create", "save", "cancel"],
    columns: [
        "ProductName",
        { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 120 },
        { field: "UnitsInStock", title: "Units In Stock", format: "{0:0.#########}", width: 120, editor: numberEditor },
        { field: "Discontinued", width: 120 },
        { command: "destroy", title: "&nbsp;", width: 150 }],
    editable: true
});

});