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

은 판의 서식 당신은 라디오 버튼과 input을 정의하는 편집기 기능을 쓸 필요가 columns.editor

에 의해 제어됩니다.