Как сделать «добавить новую запись» обозначить поле как флажок - Kendo Grid

Question

Я пытаюсь добавить новую запись в сетку кендо (только с использованием javascript на стороне клиента), и я могу получить только все поля, представленные в виде текстовых полей.

Одно из полей, однако, на самом деле является логическим, и я хотел бы, чтобы оно было представлено как флажок. Кто-нибудь знает как это сделать?

Может ли кто-нибудь помочь? Любая помощь будет принята с благодарностью.

ОБНОВЛЕНО с кодом ниже. Также я пробовал предложение шаблона, но это не работает, когда я нажимаю на кнопку . Добавить новую запись в верхней части сетки. Я получаю ошибку JavaScript "первичный не определен"

$("#phoneGrid").kendoGrid({ 
          columns: [ 
           { 
            field: "type", 
            title: "Type" 
           }, 
           { 
            field: "primary", 
            title: "Primary", 
            template: "<input type=\"checkbox\" #= primary ? checked='checked' : '' #/>" 
           }, 
           { 
            field: "number", 
            title: "Number" 
           }, 
           { command: ['edit'], title: ' ' } 
          ], 
          editable: "inline", 
          dataSource: { 
           data: patientDetailUpdateViewModel.phones, 
           schema: { 
            model: { id: "id" }          
           } 
          }, 
          toolbar: ['create'], 
          save: function (e) { 
           //alert("Save Event Triggered"); 
           if (e.model.isNew()) { 
            phone = new Phone(); 
            //Give the phone an id to uniquely identify it, but one which would signify a new phone instance (negative phone instance). 
            phone.id = patientDetailUpdateViewModel.phones.length * -1; 
            e.model.id = phone.id;//So isNew() will return false on subsequent calls. 
            phone.type = e.model.type; 
            phone.primary = e.model.primary; 
            phone.number = e.model.number; 
            patientDetailUpdateViewModel.phones.push(phone); 
            //alert("isNew() = true"); 
           } 
          } 
         }); 

Answer 1

Вы можете использовать шаблон для определения столбца:

{  
    field: "ColumName", 
    template: '<input type="checkbox" #= Column? checked="checked" : "" # disabled="disabled" ></input>' 
} 

EDIT:

Попробуйте определить модель источника данных (http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#configuration-schema.model), как показано ниже, но в соответствии с вашими типами данных в источнике:

schema: { 
    model: { 
     id: "ProductID", 
     fields: { 
     type: { 
      type: "string" 
     }, 
     UnitPrice: { 
      type: "number" 
     } 
     } 
    } 
}