在MVC中添加动态表单内容

Question

我正在尝试将动态内容添加到我的 mvc 应用程序中。

我正在使用 Steven Sanderson 帖子 编辑可变长度列表，ASP.NET MVC 2 风格，多亏了它，我在其中添加了一些动态内容。 由于我的应用程序的一些限制，我不得不对基本 Gift 类进行更改。

问题是现在该应用程序无法运行。

在我的模型中，我有：

public class Gift
{
    //public string Name { get; set; }
    //public double Price { get; set; }

    public List<string> MyList { get; set; }
}

现在，我在gifts参数中得到空值

[HttpPost]
public ActionResult Index(IEnumerable<Gift> gifts)
{
    return View("Completed", gifts);
}

有人可以帮助我吗？

编辑： 这是我的查看代码：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<Enviro2011.Models.Gift>>" %>

<asp:Content ContentPlaceHolderID="HeadContent" runat="server">
    <link rel="Stylesheet" href="../../Content/styles.css" />
    <script type="text/javascript">
        $(document).ready(function () {

            $("#addItem").click(function () {
                $.ajax({
                    url: this.href,
                    cache: false,
                    success: function (html) { $("#editorRows").append(html); }
                });
                return false;
            });

            $("a.deleteRow").live("click", function () {
                $(this).parents("div.editorRow:first").remove();
                return false;
            });
        });
    </script>
</asp:Content>
<asp:Content ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Gift List</h2>
    What do you want for your birthday?
    <% using (Html.BeginForm())
       { %>
    <div id="editorRows">
        <% foreach (var item in Model)
               Html.RenderPartial("GiftEditorRow", item);
        %>
    </div>
    <%: Html.ActionLink("Add another...", "Add", null, new { id = "addItem" }) %>
    <input type="submit" value="Finished" />
    <% } %>
</asp:Content>

Edit2 我还发现了帖子 Model Binding To A来自 Phil Haack 的列表，工作得很好，但我无法实现“添加图书”功能！

Answer 1

问题是您正在循环访问模型，而不是模型中的项目。

您可以执行以下操作：

<% foreach (var item in Model.MyList)  // <-- Add the ".MyList"
       Html.RenderPartial("GiftEditorRow", item);
%>

我们假设您的部分视图仅接收一个字符串。

至于您的 Ajax 调用不起作用，问题在于您尝试提交两次，一次使用 actionLink，另一次使用 Ajax。将 ActionLink 更改为显式链接，后面没有任何操作：

<a id="addItem">Add another ...</a>

然后您的 jQuery Ajax 调用将触发。

Answer 2

您的控制器中是否有以下操作

public ActionResult Add()
{
return View("GiftEditorRow", new MyList());
}