MVC 4 Ajax.BeginForm POST가 컨트롤러의 모델에 바인딩되지 않습니다.

Question

여기 코드의 양은 유감이지만, 상황을 설명하는 가장 좋은 방법입니다.

내 MVC 4 부분보기에이 코드를 준

:

<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script> 
    @using (Ajax.BeginForm("TestPost", new AjaxOptions { HttpMethod = "Post" })) 
    {        
     foreach (var d in Model.DataItemsWithLabels) 
     {          
      @Html.LabelFor(m => d.DataName) 
      @Html.TextBoxFor(m => d.DataValue);    
     } 

     <input type="submit" value="Save" /> 
    } 

다음과 같이 내 컨트롤러 액션은 다음과 같습니다

내 모델에서

public ActionResult TestPost(CmaPartialModel model) 
{   
     return PartialView("Transaction", model); 
} 

나는 개체의 목록을 채 웁니다 몇 가지 코드를 (비어있는 경우에만) :

public List<DataItemWithLabel> DataItemsWithLabels { get; set; }  

    public class DataItemWithLabel 
    { 
     public string DisplayName { get; set; } 

     public string DataName { get; set; } 

     [Required] 
     public string DataValue { get; set; } 
    } 

나는 또한 생각하는 것이 맞습니다 Web.config의 항목 :

여기와 다른 곳에서 더 성공 게시물의 부하를 읽었습니다.

코드는 TestPost 메서드에 게시되지만 모델은 항상 비어 있습니다. 누군가가 왜 이런지 말해 줄 수 있습니까?

Answer 1

항상 null 값을 얻는 이유는 모델 바인더가 개체 목록을 바인딩하는 방법을 모르기 때문입니다. 예를 들어 아래를 참조

public class CmaPartialModel 
{ 
    public List<DataItemWithLabel> DataItemsWithLabels { get; set; } 
} 

을 그런 다음보기에서 사용 :

@model CmaPartialModel 

<script src="~/Scripts/jquery.unobtrusive-ajax.js"></script> 
@using (Ajax.BeginForm("TestPost", new AjaxOptions { HttpMethod = "Post" })) 
{ 
    for(var i = 0; i < Model.DataItemsWithLabels.Count; i++) 
    { 
     @Html.LabelFor(m => m.DataItemsWithLabels[i].DataName) 
     @Html.TextBoxFor(m => m.DataItemsWithLabels[i].DataValue) 
    } 
    <input type="submit" value="Save" /> 
} 

마지막으로, 액션 방법은 다음과 같아야합니다

public ActionResult TestPost(CmaPartialModel model) 
{   
     return PartialView("Transaction", model); 
} 

업데이트

또한 수 다음과 같이보기에서 foreach을 사용하십시오 :

foreach (var item in Model.DataItemsWithLabels.Select((value, i) => new { i, value })) 
{ 
    @Html.LabelFor(m => m.DataItemsWithLabels[@item.i].DataName) 
    @Html.TextBoxFor(m => m.DataItemsWithLabels[@item.i].DataValue); 
} 

Answer 2

당신은 당신이 당신의 컨트롤러에 DataItemWithLabel 모델의 컬렉션을 전달하는 때문에

public ActionResult TestPost(IEnumerable<DataItemWithLabel> model) 
{   
     return PartialView("Transaction", model); 
} 

을 다음과 같이 포스트 방법을 수정해야합니다.

Answer 3

I think below code will help you. 

보기

@model MvcApplication1.Models.CmaPartialModel 
@{ 
ViewBag.Title = "Index"; 
} 
<h2>Index</h2> 
@using (Ajax.BeginForm("TestPost", new AjaxOptions { HttpMethod = "Post" })) 
{ 
    if (Model != null) 
    { 
    foreach (var d in Model.DataItemsWithLabels) 
    {          
     @Html.LabelFor(m => d.DataName) 
     @Html.TextBoxFor(m => d.DataValue); 
    } 
    } 
    <input type="submit" value="Save" /> 
} 

모델

public class CmaPartialModel 
{ 
    public List<DataItemWithLabel> DataItemsWithLabels { get; set; } 

    public class DataItemWithLabel 
    { 
     public string DisplayName { get; set; } 

     public string DataName { get; set; } 

     public string DataValue { get; set; } 
    } 
} 

컨트롤러

public ActionResult Index() 
    { 
     return View(); 
    } 
    public ActionResult TestPost(CmaPartialModel model) 
    { 
     List<CmaPartialModel.DataItemWithLabel> parts = new  List<CmaPartialModel.DataItemWithLabel>(); 
     parts.Add(new CmaPartialModel.DataItemWithLabel() {DisplayName = "abc",DataName = "cbv",DataValue = "343"}); 
     parts.Add(new CmaPartialModel.DataItemWithLabel() { DisplayName = "sfda", DataName = "xzfdsf", DataValue = "234" }); 
     model.DataItemsWithLabels = parts; 
     return PartialView("Index", model); 
    }