使用JQuery发布后ViewModel列表数据丢失

时间:2012-11-13 14:51:00

标签: jquery asp.net-mvc-3 razor

我正在使用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转换为一个正确显示的列表,但在回发到控制器时没有映射。

1 个答案:

答案 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控制台查看是否有正确的帖子信息。