Telerik Grid 추가, 업데이트 및 삭제 작업이 작동하지 않습니다.

Question

@model IEnumerable<NTI.Data.EDC.LabUnit>을 내보기의 첫 번째 줄에 추가 할 때까지 Telerik MVC 표 열이 식별되지 않습니다. 그러나 내가이 라인을 추가 할 때. Telerik MVC Grid는 데이터를로드하고 모든 버튼을 표시합니다. 그러나 트리거되지 않는 이벤트를 삽입, 업데이트 및 삭제하십시오. 브라우저 콘솔 창에 Javascript 오류가 없습니다. 그리고 telerik이 만든 Insert/Update/Delete 버튼에 대한 동작이 없다는 것도 알았습니다. 도와주세요.

내 코드 심판 : 나는이 문제를 해결할 수 있었다

public class LabController : Controller 
{ 
    public ActionResult LabUnits() 
    { 
     IEnumerable<LabUnit> lbUnit = new LabUnitDB().SelectAll(); 

     return View(new GridModel(lbUnit)); 
    } 

    [HttpPost] 
    [GridAction] 
    public ActionResult LabUnitsInsert() 
    { 
     //insert 
    } 

    [HttpPost] 
    [GridAction] 
    public ActionResult LabUnitsUpdate(int id) 
    { 
     //update 
    } 

    [HttpPost] 
    [GridAction] 
    public ActionResult LabUnitsDelete(string id){ 
     // Delete 
    } 
} 

Answer 1

http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-grid-editing-ajax-editing.html

보기

@(
Html.Telerik().Grid(Model) 
    .Name("Grid") 
    .DataKeys(dataKeys => dataKeys.Add(c.ID)) 
    .ToolBar(commands => commands.Insert()) 
    .DataBinding(dataBinding => dataBinding 
     //Ajax binding 
     .Ajax() 
     //Home.Index renders the grid initially 
       .Select("LabUnits", "Lab") 
     //Home.Insert inserts a new data record 
        .Insert("LabUnitsInsert", "Lab") 
     //Home.Update updates an existing data record 
        .Update("LabUnitsUpdate", "Lab") 
     //Home.Delete deletes an existing data record 
        .Delete("LabUnitsDelete", "Lab") 
    ) 
    .Columns(columns => 
    { 
     columns.Bound(c => c.ContactName); 
     columns.Bound(c => c.Country); 
     columns.Bound(c => c.BirthDay); 
     columns.Command(commands => commands 
       .Edit() 
       .Delete()); 
    }) 

) 

컨트롤러.

.DataBinding(dataBinding => dataBinding 
     //Server binding 
     .Server() 

그래서 그 서버는 Ajax를 바인딩하지와

.DataBinding(dataBinding => dataBinding 
     //Ajax binding 
     .Ajax() 

를 교체했다.