Kendo ui grid - 複選框，特定單元格上的模式或單選按鈕

Question

需要幫助。

Kendo ui Grid

劍道電網代碼：

$('#triggerParameterData').kendoGrid({ 
    columns: [{field: "name"},{field: "value"},{field: "description"}], 

    selectable: "multiple,row", 
    pageable: false, 

    scrollable: false, 
    editable: true, 
    dataSource: { 
     data: popup, schema: { 
      model: { 
       fields: { 
        name: { editable: false }, 
        description: { editable: false }, 

       } 
      } 
     } 
    }, 
}) 

我想使第二排值單元格成一個複選框。如果有人有解決方案，請分享。 特別感謝。

Answer 1

參考：Kendo Grid Columns.Template

..... 
columns: [ 

    {field: "name"}, 
    {field: "value", template: '<input type="checkbox" value="#: value #">'}, 
    {field: "description"} 

] 
...... 

Answer 2

使用此fiddle

JS：

var popup = [ { value:true, name: "Enos", description: "Es" }, 
         { value:true,name: "Ray", description: "Rs" }, 
         { value:true,name: "Justice", description: "Js" }, 
         { value:true,name: "RR", description: "ESW" }, 
         { value:true,name: "Gop", description: "Gp" }, 
         { value:true,name: "DS", description: "JN" }, 
         { value:true,name: "Raven", description: "Rv" }, 
         { value:true,name: "FD", description: "FDGH" }, 
         { value:true,name: "Andrew", description: "Ar" }, 
         { value:true,name: "DDD", description: "GFG" }, 
         { value:true,name: "Shayne", description: "S" }, 
         { value:true,name: "YYY", description: "GHFGH" }, 
         { value:true,name: "Walter", description: "W" }, 
         { value:true,name: "EEE", description: "LUIO" }, 
         { value:true,name: "ZKZG", description: "RD" }, 
         { value:true,name: "JJJ", description: "FGJHGH" }]; 

     $(document).ready(function() { 
      $('#triggerParameterData').kendoGrid({ 
       columns: [{ field: "name" }, 
          { field: "value", template: '<input type="checkbox" value="#: value #">' }, 
          { field: "description" }], 

       selectable: "multiple,row", 
       pageable: false, 

       scrollable: false, 
       editable: true, 
       dataSource: { 
        data: popup, schema: { 
         model: { 
          fields: { 
           name: { editable: false }, 
           value: { editable: false }, 
           description: { editable: false }, 

          } 
         } 
        } 
       }, 
      }) 

     });