Estoy tratando de manejar algunos valores de moneda en mi cuadrícula (dólar estadounidense, euro, etc.) Encuentro una manera de configurarlo en mi cuadrícula, usando la plantilla de columna de cuadrícula por ahora tengo estos formatos
Y estoy almacenando algunos valores numéricos en mi base de datos, entonces, cuando estoy dibujando mi Kendo Grid, estoy haciendo algo como esto:
let format = c.someFormat; // => $0,000.00, etc. let grid = '# if (' + columnName + ') { ##=kendo.toString(' + columnName + ', "' + format + '")## } else { "" } #'; c.template = grid ;Este código parece estar funcionando cuando el número es mayor que 999.00, no muestra algo como esto: Ex. usando 10.22
$0,010.22
Entonces mi pregunta es, ¿qué puedo hacer para mantener la funcionalidad superior a 999 pero agregar soporte para números menores y mostrar 10.22 como $ 10.22?
Aquí hay un dojo
Use # en lugar de 0 en su máscara:
¥#,##0.00Dojo actualizado y demostración a continuación:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Kendo UI Snippet</title> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.1.412/styles/kendo.default-v2.min.css"/> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="https://kendo.cdn.telerik.com/2022.1.412/js/kendo.all.min.js"></script> </head> <body> <script src="https://kendo.cdn.telerik.com/2022.1.412/js/cultures/kendo.culture.de-DE.min.js"></script> <script> // Format a number using custom number formats /* The result can be observed in the DevTools(F12) console of the browser. */ console.log(kendo.toString(0.22, "¥#,##0.00")); // "0019" console.log(kendo.toString(1.22, "¥#,##0.00")); // "0019" console.log(kendo.toString(10.22, "¥#,##0.00")); // "0019" console.log(kendo.toString(123.45, "¥#,##0.00")); // "0019" console.log(kendo.toString(1234.56, "¥#,##0.00")); // "0019" console.log(kendo.toString(1234567.89, "¥#,##0.00")); // "0019" </script> </body> </html>