Formatting kendo numeric text box

15
votes

I have a kendo numeric box in grid. Only numbers are allowed in it. No decimal places and no comma separators. I tried in different ways but did not succeeded. Any idea ... Please help me...

In data source fields i given like this

seq_no  : {type: "number",validation: {min: 1,max: 32767}}

In column of grid 

{ field: "seq_no", width: "50px", title: "Sequence Number", type:"number"}
4
kendo-uikendo-grid

4 Answers

15
votes

Use format with value {0:n0}:

{ field: "seq_no", width: "50px", title: "Sequence Number", type:"number", format: "{0:n0}" }
15
votes

Above mentioned answer is working, but it allows to enter decimal points. But this solution I implemented not allow a user to enter decimal points in text box

{ field: "seq_no",width: "10px", title: "Sequence Number",
    editor: function(container, options) { 
            $('<input  maxlength="5"  name="' + options.field + '"/>')
             .appendTo(container)
             .kendoNumericTextBox({
               min:0,
               max: 32767,
               format:"#",
               decimals:0
             })
        }
}
5
votes

For some reason:

format: "{0:n0}"

does not always get rid of the seperator. But I find that:

format: "{0:#.##}"

works nicely on the model field.

Hope this helps someone.

0
votes
format: "{#.##}"

This one removes grouping together with decimal separator