Why the Id field cannot display on the kendo grid?

[Weera]

Hi,
This is MVC4, ASP.net, C#

I have data model such as following

ProductId
ProductName

I tried with many time but got the same result

the ProductId is "undefined"
Why?

(function (mstats, $) {

    var Product = kendo.data.Model.define({
        ProductId: "ProductId"
    })

    var dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "../api/Product/GetAllProduct",
                dataType: "json"
            }
        },
        schema: {
            model: Product
        }
    });

    $('#grid').kendoGrid({
        dataSource: dataSource,
        selectable: true,
        columns: [
        {
            Field: "ProductId",
            title: "Product-Id"
        },
        {
            field: "ProductName",
            title: "Product-Name"
        }]
    });
} (this.mstats = this.mstats || {}, jQuery))

[Weera]

Solved when take a look at how the team implement jQuery UI Widget.