검도 UI 그리드 업데이트 버튼이 실행되지 않습니다.

Question

자바 스크립트에서 인라인 편집 가능한 옵션이있는 KendoUI 그리드를 개발 중이며 클릭 이벤트를 발생시키고 서버 측 업데이트 이벤트에 데이터를 게시하는 업데이트 버튼을 만들 수 없습니다. 업데이트 버튼을 클릭해도 클라이언트의 표가 업데이트되지 않습니다.

누군가 내가 여기서 잘못하고있는 것을 지적 할 수 있기를 바랍니다.

답변에 jfiddle 링크가 지겨워서 작동하지 않아서 중복되지 않습니다. kendo UI grid update function wont fire

<div id="grid"></div> 

@section Scripts{ 

<script type="text/javascript"> 

    $(function() { 
     var dataSource = new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url: "Home/GetPupilsAsJson", 
        dataType: 'json' 
       },      
       update: { 
        url: "Home/UpdatePupils", 
        dataType: 'json', 
        type: 'POST' 
       } 
      }, 
      pageSize: 5, 
      autoSync: true     
     }); 

     $('#grid').kendoGrid({ 
      dataSource: dataSource, 
      editable: "inline", 
      pageable: true, 
      columns: [{ 
       field: "Id", 
       title: "Id", 
       width: 150, 
       hidden: true 
      }, { 
       field: "Firstname", 
       title: "Firstname", 
       width: 150 
      }, { 
       field: "Lastname", 
       title: "Lastname", 
       width: 150 
      }, { 
       field: "DateOfBirth", 
       title: "DateOfBirth", 
       width: 150 
      }, { 
       field: "Class", 
       title: "Class", 
       width: 150 
      }, { 
       field: "Year", 
       title: "Year", 
       width: 150 
      }, 
      { 
       command: ["edit"], 
       width: 150 
      }] 
     });  
    }); 
</script>  
} 

HomeController

public ActionResult GetPupilsAsJson() 
    {    
     return Json(GetPupils(), JsonRequestBehavior.AllowGet); 
    } 

[AcceptVerbs(HttpVerbs.Post)] 
    [HttpPost] 
    public void UpdatePupils(Pupil p) 
    { 
      //never reach here 
    } 

Answer 1

왜 그런지 모르겠지만 스키마 정보를 입력하여 해결했습니다. 모델을 통과

schema: { 
     model: { 
      id: "Id", 
      fields: { 
       Firstname: { editable: true, validation: { required: true } }, 
       Lastname: { validation: { required: true } }, 
       DateOfBirth: { validation: { required: true } }, 
       Class: { validation: { required: true } }, 
       Year: { validation: { required: true } } 
      } 
     } 
    } 

Answer 2

사용 @Url.Action("GetPupilsAsJson", "Home")' 그래서이 BASEURL+ "Home/GetPupilsAsJson"처럼 업데이트 작업에 base url을 통과 할 필요가 없습니다.

var dataSource = new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url: '@Url.Action("GetPupilsAsJson", "Home")', 
        dataType: 'json' 
       },      
       update: { 
        url:'@Url.Action("UpdatePupils", "Home")', 
        dataType: 'json', 
        type: 'POST' 
       } 
      }, 
      pageSize: 5, 
      autoSync: true     
     }); 

Answer 3

사용 매개 변수 맵을 제거하고 클릭

public JsonResult UpdatePupils(string models) 
     { 

      return Json(..); 
     } 

Answer 4

이 셀 텍스트 중 하나가 < 또는 > 같은 HTML 태그가인가 된 parameterMap과

<script type="text/javascript"> 

    $(function() { 
     var dataSource = new kendo.data.DataSource({ 
      transport: { 
       read: { 
        url: '@Url.Action("GetPupilsAsJson", "Home")',, 
        dataType: 'json' 
       },      
       update: { 
        url: '@Url.Action("UpdatePupils", "Home")', 
        dataType: 'json', 
        type: 'POST' 
       }, 
       parameterMap: function (options, operation) { 
        if (operation !== "read" && options.models) { 
         return { models: kendo.stringify(options.models) }; 
         } 
       } 
      }, 
      pageSize: 5, 
      autoSync: true     
     }); 

통화 컨트롤러 값 업데이트. 업데이트 이벤트가 발생합니다.