​

            var data = [];

​

            for (var i = 0; i < 10; i++) {

                data.push({

                  Name: "Name" + i,

                  FruitName: "Orange",

                  FruitID: 2

                });

            }

​

            $("#grid").kendoGrid({

                editable: true,

                dataSource: {

                    data: data,

                    schema: {

                        model: {

                            fields: {

                                Name: { type: "string", editable: false },

                                FruitName: { type: "string" },

                                FruitID: {type: "number"}

                            }

                        }

                    }

                },

                columns: [

                    { field: "Name", title: "Name", width: 150 },

                    { field: "Fruit", title: "Fruit", width: 115, editor: renderDropDown, template: "#=FruitName#" }

                ]

            });

​

        function renderDropDown(container, options) {

            var dataSource = [

                //{ name: "", id: null },

                { FruitName: "Apple", FruitID: 1 },

                { FruitName: "Orange", FruitID: 2 },

                { FruitName: "Peaches", FruitID: 3 },

                { FruitName: "Pears", FruitID: 4 }

            ];

​

          $('<input required  name="' + options.field + '"/>')

                .appendTo(container)

                .kendoDropDownList({

                    dataTextField: "FruitName",

                    dataValueField: "FruitID",

                    dataSource: dataSource

            });

        }