[Solved] DropDown in Kendo Grid

[crazy05]

Hello,

Here is my Kendo Grid Code. My first issue is if Click on edit, name field which I make editable: false not working. It is giving textbox. 

My second issue is, I want to give dropdown for age. How can I do this ?

 $("#grid").kendoGrid({
        columns: [
           { field: "id", hidden: true },
          { field: "name", title: "Name" },
          { field: "age", title: "Age" },
            { command: ["edit"] }
        ],
        editable: "inline",
        dataSource: [
           { id: "1", name: "Coal", age: "30" },
           { id: "2", name: "Gas", age: "29" },
           { id: "3", name: "Hydro", age: "35" }
        ],
        schema: {
            model: {
                id: "id",
                fields: {
                    id: { editable: false },
                    name: { editable: false },
                    age: { editable: true }
                }
            }
        },
    });

[Alexander Popov]

Hello crazy05,

The first issue is caused by a wrong configuration - the schema object should be part of the DataSource. For example:  

$("#grid").kendoGrid({
       columns: [
          { field: "id", hidden: true },
         { field: "name", title: "Name" },
         { field: "age", title: "Age" },
           { command: ["edit"] }
       ],
       editable: "inline",
       dataSource: {
           data: [
              { id: "1", name: "Coal", age: "30" },
              { id: "2", name: "Gas", age: "29" },
              { id: "3", name: "Hydro", age: "35" }
           ],
           schema: {
               model: {
                   id: "id",
                   fields: {
                       id: { editable: false },
                       name: { editable: false },
                       age: { editable: true }
                   }
               }
           }
       }
   });

Adding a DropDownList is usually done by populating the columns.values array, as shown in this demo.

Regards,
Alexander Popov
Telerik