将部分视图中的列表传递给控制器​​

Question

我是MVC的新手。我有一个公式的编辑视图，而公式又有一个Ajax.ActionLink，它呈现一个局部视图，使您可以将配料添加到公式中。我无法将部分视图中的成分列表保存到数据库中。编辑视图如下：

@model CMSUsersAndRoles.Models.Formula

@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@ViewData["ingredients"]

@Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.min.js")
<h2>Edit</h2>


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>Formula</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.HiddenFor(model => model.ProductId)

        <div class="form-group">
            @Html.LabelFor(model => model.SKU, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.TextBoxFor(model => model.SKU, new Dictionary<string, object> { { "readonly", true } })
                @*@Html.EditorFor(model => model.SKU, new { htmlAttributes = new { @class = "form-control" } })*@
                @Html.ValidationMessageFor(model => model.SKU, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.TextBoxFor(model => model.Name, new Dictionary<string, object> { { "readonly", true } })
                @*@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })*@
                @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Ingredients, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10" id="Ingredients">
                @for (int i = 0; i < Model.Ingredients.Count; i++)
                {
                    @Html.EditorFor(model => model.Ingredients[i].ProductId, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.EditorFor(model => model.Ingredients[i].IngredientId, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.EditorFor(model => model.Ingredients[i].Name, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.EditorFor(model => model.Ingredients[i].Amount, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.EditorFor(model => model.Ingredients[i].UnitOfMeasure, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.Ingredients, "", new { @class = "text-danger" })
                }
                @Ajax.ActionLink("Add ingredient", "AddIngredient", "Formulas", new { productId = Model.ProductId, ingredientId = (Model.Ingredients.Count +1), ingredients = @ViewData["ingredients"] }, new AjaxOptions
                {
                   UpdateTargetId = "Ingredients",
                   InsertionMode = InsertionMode.InsertAfter
                })
                @*@Ajax.ActionLink("Add ingredient", "AddIngredient", "Formulas", new AjaxOptions {
                UpdateTargetId = "Ingredients", InsertionMode = InsertionMode.InsertAfter
                })*@
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Instructions, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.TextAreaFor(model => model.Instructions, 15, 80, htmlAttributes: new { style = "width: 80%; max-width: 100%;" })
                @*@Html.EditorFor(model => model.Instructions, new { htmlAttributes = new { @class = "form-control" } })*@
                @Html.ValidationMessageFor(model => model.Instructions, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Save" class="btn btn-default" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

部分视图如下：

@model CMSUsersAndRoles.Models.Ingredient
@{
    ViewBag.Title = "EditIngredients";


}

@{
    var productId = (int)ViewData["ProductId"];
    var ingredientId = (int)ViewData["IngredientId"];

}
@ViewData["ingredients"] = Model;

<table>

        @foreach (CMSUsersAndRoles.Models.Ingredient item in Model)
        {
            item.ProductId = productId;
            item.IngredientId = ingredientId;
            <tr>                  

                @Html.EditorFor(model => (item.ProductId), new { htmlAttributes = new { @class = "form-control" } })
                @Html.EditorFor(model => (item.IngredientId), new { htmlAttributes = new { @class = "form-control" } })
                @Html.EditorFor(model => item.Name, new { htmlAttributes = new { @class = "form-control" } })
                @Html.EditorFor(model => item.Amount, new { htmlAttributes = new { @class = "form-control" } })
                @Html.EditorFor(model => item.UnitOfMeasure, new { htmlAttributes = new { @class = "form-control" } })
                @*</td>*@
            </tr>

        }

</table>

我已经尝试使用ViewData将部分列表中的成分列表传递给父View，然后使用Ajax.ActionLink参数将成分列表传递给控制器​​，但这不成功，因为它只通过来自父视图的初始成分。 Formulas控制器的相关部分是ActionLink：

public ActionResult AddIngredient(int productId, int ingredientId)

        {

            ViewData["ProductId"] = productId;
            ViewData["IngredientId"] = ingredientId;

            return PartialView("EditIngredients",  new Ingredient { ProductId = productId, IngredientId = ingredientId, Name = " ", Amount = 1, UnitOfMeasure = UnitOfMeasure.ml } );


        }

和HttpPost：

[HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Edit([Bind(Include = "ProductId,SKU,Name,Ingredients,Instructions")] Formula formula, List<Ingredient> ingredients)
        {
            if (ModelState.IsValid)
            {
                foreach (var ingredient in ingredients)
                {
                    formula.Ingredients.Add(ingredient);
                }

                db.Entry(formula).State = EntityState.Modified;
                db.SaveChanges();
                return RedirectToAction("Index");
            }
            return View(formula);
        }

非常感谢任何帮助。