无法添加单选按钮到Kendo UI网格

Question

我试图在我的剑道网格中有一组3个单选按钮（每个按钮在不同的列中，但同一行），但没有成功。我看了一下Kendo RowTemplate文档，但并没有将我引向任何解决方案。 它与复选框工作正常，但是当我将模板更改为“收音机”类型时，它将更改为第二个复选框，我单击编辑按钮。有什么想法吗？ 下面是我的kendoGrid属性，我把**放在字段属性的'template'行旁边。

div.kendoGrid({ 
        dataSource: 
        { error: function (e) { 
            alert("An error occured: "+ e.xhr.responseText); 
            this.cancelChanges(); 
           }, 
         type:"json", 
         transport: { 
          read: { 
           url: "https://stackoverflow.com/users/read", 
           cache: false,       
           dataType: "json" 
          }, 
          update: { 
           url: function(user){ 
            var grid = $("#grid").data("kendoGrid"); 
            var model = grid.dataItem(grid.select()); 
            var roleIs; 
            if (user.Admin) { 
             roleIs="admin" 
            } 
            else if (user.Manager) { 
             roleIs="manager" 
            } 
            else if (user.User) { 
             roleIs="user" 
            }; 
            return "users/update/"+model.id+"/"+roleIs+"/"+user.name 
           }, 
           type: "PUT" 
          }, 
          destroy: { 
           url: function(user){ 
            return "https://stackoverflow.com/users/destroy/"+user.id+"/"+user.name 
            }, 
            type: "DELETE" 
          }, 
          create: { 
           url: function(user){ 

            var roleIs; 
            if (user.Admin) { 
             roleIs="admin" 
            } 
            else if (user.Manager) { 
             roleIs="manager" 
            } 
            else if (user.User) { 
             roleIs="user" 
            }; 
            return "users/create/"+user.login+"/"+user.name+"/"+roleIs+"/" 
           }, 
           type: "POST" 
          }, 
          parameterMap: function(options, operation) { 
           if (operation !== "read" && options.models) { 
            return {models: kendo.stringify(options.models)}; 
           } 
          } 
         }, 
         schema: { 

          model: 
          { id: "id", 
           fields: { 
            id:{ type: "number",editable: false}, 
            role:{ type: "string"}, 
            login: { type: "string",editable: false}, 
            name:{type: "string",editable: false}, 
            Admin: { type: "boolean"}, 
            Manager: { type: "boolean"}, 
            User: { type: "boolean"} 
           } 
          } 
         }, 
         pageSize: 30, 
         serverPaging: false, 
         serverFiltering: false, 
         serverSorting: false 
        }, 

        selectable: "row", 
        navigatable: true, 
        pageable: true, 
        height: 400, 
        columns: [//{field: "id"}, 
         { 
         field: "name", 
         title:"User Name", 
         filterable: true, 
         nullable: false, 
         editable: false 
         },{ 
          field: "Admin", 
          **template: '<input type="checkbox" #= Admin ? "checked=checked" : "" # disabled="disabled"></input>'**, 
          width: 75 
         },{ 
          field: "Manager", 
          **template: '<input type="checkbox" #= Manager ? "checked=checked" : "" # disabled="disabled"></input>'**, 
          width: 75 
         },{ 
          field: "User", 
          **template: '<input type="checkbox" #= User ? "checked=checked" : "" # disabled="disabled"></input>',** 
          width: 75 
         },{ 
          command: ["edit", "destroy"], title: "", width: "195px" 
         }], 
        editable:{mode: "inline"} 
       }); 
    } 
} 

}

Answer 1

的版本的格式由columns.editor

你需要写的input定义为一个单选按钮的编辑功能进行控制。