ViewModel列表数据与JQuery发布后丢失

我正在开发一个与asp.net mvc 3的Web应用程序，并试图修改列表，它包含在我的ViewModel中，然后将其与JQuery更改发布到我的控制器。问题是ViewModel在抵达时不包含任何值。ViewModel列表数据与JQuery发布后丢失

的的ViewModels看起来像这样：

public class OfferListViewModel 
{ 
    public List<OfferViewModel> Offers { get; set; } 
} 

public class OfferViewModel 
{ 
    public Guid Id { get; set; } 

    public double Total { get; set; } 
}

控制器方法：

[Authorize] 
public ActionResult Index() 
{ 
    OfferList list = this._offerService.GetOfferListById(1234); 

    OfferListViewModel model= new OfferListViewModel 
    { 
     Offers = list.OfferListProducts.Where(o => o.Product.ProductCategory == (int)ProductCategory.Print).ToViewModel().ToList() 
    }; 

    return View(model); 
}

list.OfferListProducts被一个IEnumerable转换与辅助ToViewModel（），最后ToList（）

[HttpPost] 
[Authorize] 
public ActionResult UpdateOfferList(OfferListViewModel offers) 
{ 
    // do something 
}

查看：

@model Models.OfferListViewModel 

<form id="mywall-updateofferlist-form" class="form-horizontal" action="@Url.Action("UpdateOfferList", "MyWall")" method="post"> 
    @Html.HiddenFor(model => model.ProductCategory) 
    <table class="table table-hover"> 
     <thead> 
      <tr> 
       <th>Total</th> 
      </tr> 
     </thead> 
     <tbody> 
      @for (int count=0; count < Model.Offers.Count(); count++) 
      { 
       @Html.HiddenFor(model => model.Offers[count].Id) 
       <tr> 
        <td>@Html.EditorFor(model => model.Offers[count].Total)</td> 
       </tr> 
      } 
     </tbody> 
    </table> 
</form>

的JavaScript：

<script type='text/javascript'> 
    $(function() { 
     $('form[id=mywall-updateofferlist-form]').change(function() { 
      if ($(this).valid()) { 
       $.post($(this).attr('action'), $(this).serialize(), function (data) { 
        if (data.success) { 
         // do something 
        } else { 
         // do something else 
        } 
       }); 
       return false; 
      } 
     }); 
    }); 
</script>

可有人发现一个错误？我在ViewModels中有更多的属性，这些属性在我的控制器后置方法中不一定需要，因此没有映射/省略以简化这里的描述。不知怎的，这可能是一个问题吗？ Id是用HiddenFor映射的，应该在ViewModel中包含post和其他值之后应该为null？

编辑：

萤火虫后：

Offers[0].Id 1c5bdc21-8f8c-4ad2-a4a0-49e4011e3ba6 
Offers[0].Total 0.6 
Offers[1].Id 12ede957-8a7e-47a9-8e86-a388d60ea2d9 
Offers[1].Total 1.12 

Offers%5B0%5D.Id=1c5bdc21-8f8c-4ad2-a4a0-49e4011e3ba6&Offers%5B0%5D.Total=0.6&Offers%5B1%5D.Id=12ede957-8a7e-47a9-8e86-a388d60ea2d9&Offers%5B1%5D.Total=1.12

我的问题是与此类似：View Model IEnumerable<> property is coming back null (not binding) from post method?

但我已经将我的IEnumerable张贴时显示正常，但不映射列表回到控制器。

来源

2012-11-13 niklr

<script type='text/javascript'> 
    $(function() { 
     $('form[id=mywall-updateofferlist-form]').change(function() { 

      var $this = $(this); 
      if ($this.valid()) { 
       $.post($this.attr('action'), $this.serialize(), function (data) { 
        if (data.success) { 
         // do something 
        } else { 
         // do something else 
        } 
       }); 
       return false; 
      } 
     }); 
    }); 
</script>

尝试...... $(this)不等于表单对象时，其$post函数内部...

你应该使用Firebug的控制台来查看是否正确后信息打通。

来源

2012-11-13 15:01:15 chris

感谢您的回复。我尝试了你的解决方案，但它没有改变，萤火虫的帖子对我来说很好。（见编辑） – niklr

ViewModel列表数据与JQuery发布后丢失

回答

相关问题