Formatting kendo numeric text box

Question

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"}

score 17 · Accepted Answer · answered Mar 06 '13 at 08:18

17

Use format with value {0:n0}:

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

answered Mar 06 '13 at 08:18

OnaBai

40,767
6
96
125

score 15 · Answer 2 · answered Mar 07 '13 at 05:16

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

Also if you use angularjs, don't forget to wrap in quotes twice like: k-format="'#'" — alehro, Nov 08 '16 at 09:08

score 5 · Answer 3 · answered Jun 02 '14 at 21:33

5

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.

answered Jun 02 '14 at 21:33

Houdini Sutherland

1,550
21
20

score 0 · Answer 4 · answered Jan 14 '15 at 14:14

0

format: "{#.##}"

This one removes grouping together with decimal separator

answered Jan 14 '15 at 14:14

Ivan Ananjev

1
1

Formatting kendo numeric text box

4 Answers4