k-grid num text box editing

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<div id="grid"></div>

JavaScript

var myData = [
    {
    Qty: 4,
    Text: "195/65R15",
    Price: 45.34},
{
    Qty: 5,
    Text: "265/65R15",
    Price: 41.34},
{
    Qty: 6,
    Text: "395/65R15",
    Price: 49.34}
];

$("#grid").kendoGrid({
    dataSource: {
        data: myData,
        schema: {
            model: {
                fields: {
                    Qty: {
                        type: "number", editable: true
                    },
                    Text: {
                        type: "string"
                    },
                    Price: {
                        type: "number"
                    }
                }
            }
        }
    },
    editable: true,
    columns: [
        { field: "Qty", name: "Qty", width: "50px" },
        "Text", "Price"
    ]
});