인라인 편집이 검도 MVC

Question

에서 작동하지 않는 경우 아래의 아래에있는 내 .cshtml

@using Kendo.Mvc.UI 
@model IEnumerable<WebApplication1.Models.DemoViewModel> 

@{ 
    Layout = null; 
    ViewBag.Title = "Home Page"; 
} 

<script src="http://code.jquery.com/jquery-1.11.1.js" type="text/javascript"></script> 
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.common-bootstrap.min.css" /> 
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.bootstrap.min.css" /> 
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.2.714/styles/kendo.default.mobile.min.css" /> 
<script src="//kendo.cdn.telerik.com/2016.2.714/js/jquery.min.js"></script> 
<script src="//kendo.cdn.telerik.com/2016.2.714/js/kendo.all.min.js"></script> 
<script src="http://kendo.cdn.telerik.com/2016.2.714/js/kendo.aspnetmvc.min.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 


<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <div class="PageContentHeading"> 
       <h3> 
        <span>Select the company to view the document sharing area</span> 
       </h3> 
      </div> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-12"> 
      @(Html.Kendo().Grid<WebApplication1.Models.DemoViewModel>() 
        .Name("SiteDetail") 
        .Columns(columns => 
        { 
         columns.Bound(p => p.name).Title("Name"); 
         columns.Bound(p => p.gender).Title("Gender"); 
         columns.Bound(p => p.designation).Title("Designation"); 
         columns.Bound(p => p.department).Title("Department"); 
         columns.Command(command => { command.Edit(); command.Destroy(); }).Width(250).Title("Action");      
        }) 
        .ToolBar(toolbar => 
        { 
         toolbar.Template(@<text> 
       <div class="toolbar"> 
        <div class="row"> 
         <div class="col-md-4" style="float:right;"> 
          <div class="input-group"> 
           <span class="input-group-addon"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span> 
           <input type="text" class="form-control" id='FieldFilter' placeholder="Search by Company Details"> 
          </div> 
         </div> 
        </div> 
       </div> 
        </text>); 
        }) 
           .Navigatable() 
           .Pageable() 
           .Editable(editable => editable.Mode(GridEditMode.InLine)) 
           .Sortable() 
           .Filterable() 
           .Resizable(resize => resize.Columns(true)) 
           .Scrollable() 
           .DataSource(dataSource => dataSource // Configure the grid data source 
           .Ajax() 
           .PageSize(10)        
           .Read(read => read.Action("EditingInline_Read", "Home")) 
           .Update(update => update.Action("EditingInline_Update", "Home")) 
           .Destroy(destroy=> destroy.Action("EditingInline_Destroy", "Home") 
           .Model(model =>{ model.Id(x => x.id);})        
           ) 
      ) 
     </div> 
    </div> 
    </div> 

것은

public ActionResult EditingInline_Read([DataSourceRequest]DataSourceRequest request) 
{ 

    List<TestDemo> _tst = new List<TestDemo>(); 
    _tst.Add(new TestDemo { name = "ddd", gender = "ffs", designation = "ff", department = "fdf" }); 
    _tst.Add(new TestDemo { name = "ddd1", gender = "ffs1", designation = "ff1", department = "fdf1" }); 

    DemoViewModel model = new DemoViewModel(); 
    model.Testlist = _tst.AsEnumerable().Select(x => x); 
    DataSourceResult result = model.Testlist.ToDataSourceResult(request); 
    return Json(result, JsonRequestBehavior.AllowGet); 
} 

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult EditingInline_Update([DataSourceRequest] DataSourceRequest request, DemoViewModel product) 
{ 
    if (product != null && ModelState.IsValid) 
    { 
     //productService.Update(product); 
    }    
    return Json(new[] { product }.ToDataSourceResult(request, ModelState)); 
} 

[AcceptVerbs(HttpVerbs.Post)] 
public ActionResult EditingInline_Destroy([DataSourceRequest] DataSourceRequest request, DemoViewModel product) 
{ 
    if (product != null) 
    { 
     //productService.Destroy(product); 
    } 

    return Json(new[] { product }.ToDataSourceResult(request, ModelState)); 
} 

EditingInline_Read은 디버거에 의해 명중되지 않는 디버거하지만 Update 및 Destroy에 의해 명중되고 내 컨트롤러입니다. 누군가 Kendo 그리드에서 업데이트 및 삭제 방법을 제안 할 수 있습니까? [AcceptVerbs(HttpVerbs.Post)]을 제거하기위한 해결 방법을 보았지만 나에게 도움이되지 않습니다.

Answer 1

내 관찰 : 위의 코드는,하지 DemoViewModel 호야 디버그 코드 결과로 List<TestDemo>을 변환하고 결과를 확인합니다

EditingInline_Read() -> DataSourceResult result = model.Testlist.ToDataSourceResult(request); 

. 뷰에서

당신은 DemoViewModel 사용 : @(Html.Kendo().Grid<WebApplication1.Models.DemoViewModel>()

을 그리고 아직도 당신은 올바른 열 바인딩을 가지고!

columns.Bound(p => p.name).Title("Name"); columns.Bound(p => p.gender).Title("Gender") .....

그래서 나는 이름, 성별 DemoViewModel에서도 사용할 수 있습니다 생각합니다.

GridView는 각 개체를 목록 (DataSource)에 row.And로 표시하고 단일 개체에 대해서만 메서드를 업데이트하고 소멸시킵니다.

가능한 해결 방법 : TestDemo에의 GridView의 바인딩

변경합니다.

TestDemo 유형의 개체를 받아들이는 Update and Destroy 메서드를 변경하십시오.

나는 이것이 당신을 도울 것입니다.