javascript - mvc - kendo grid template

Los números de Kendo Grid truncan a 2 decimales. ¿Cómo hacer que respete lo que el usuario ingresó?

Question

En esta demostración de Kendo Grid , si edita los números en "Unidades en Stock" y agrega varios decimales (intente 2.203848), lo truncarán a 2.20. Parece que ese es el comportamiento predeterminado.

Y sé que podemos especificar el formato decimal con {0:n4} , por ejemplo.

Pero, ¿qué pasa si la cantidad de decimales es desconocida o puede variar? ¿Hay alguna manera de hacer que la cuadrícula use el número exacto que ingresa el usuario?

Answer 1

La grilla de kendo ui admite cualquier formato que pueda usar al llamar a kendo.format () directamente. La documentación para eso está disponible aquí .

El formato que estás buscando es

{0:$###,###,###,###,###,###,###,###.##############} 

Tendrá que rellenarlo con la cantidad de decimales que desee.

Answer 2

Para que esto funcione en una cuadrícula, debe usar un editor personalizado. Establezca el número de decimales en un número lo suficientemente alto y asegúrese de que su formato de campo tenga suficientes lugares. Esta gran respuesta aquí ajustada resuelve un poco su problema.

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
});

});