我正在使用asp.net mvc 3开发一个Web应用程序,并尝试修改一个包含在我的ViewModel中的列表,然后将其与JQuery更改发布到我的控制器。问题是ViewModel在到达时不包含任何值。
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是一个使用帮助器ToViewModel()转换的IEnumerable,最后是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>
有人能发现错误吗?我在ViewModel中有很多属性,在我的控制器post方法中不一定需要,因此没有映射/省略以简化这里的描述。这可能是一个问题吗? Id是用HiddenFor映射的,因此在postModel之后应该包含在其中,其他值应该为null?
编辑:
Firebug帖子:
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转换为一个正确显示的列表,但在回发到控制器时没有映射。
答案 0 :(得分:0)
<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控制台查看是否有正确的帖子信息。