Question

假设我有一个模型DailyTasks和一个模型任务。初始视图是使用DailyTasks模型强类型的。它显示了当天的现有任务列表。用户可以通过单击“添加”按钮向列表/表中添加更多任务。单击添加按钮时，我渲染一个与任务模型绑定的局部视图。

我希望能够保存用户对现有任务以及新添加的任务所做的任何更改。

我不确定最好的方法是什么。我一直在玩模型绑定，以及创建模型的json对象，然后在Save时将其传递给控制器。到目前为止，我只能将现有任务传递给Save控制器，没有新添加的任务显示出来。

型号：

public class DailyTasks
{  
   public int ID { get; set; }
   public List<Task> TaskList{ get; set; }
}

public class Task
{
   public int Id { get; set; }
   public string MyTask { get; set; }
}

主要观点：

@model Example.Models.DailyTasks

@using (Ajax.BeginForm("Save", "DailyTasks", new AjaxOptions { HttpMethod = "Post" }))
{
<input type="button" value="Add New Task" id="addBtn" />
<input type="submit" value="Save" id="saveBtn"/>

<table class="table">
    <tr>
        <th>Column Header Name Goes Here</th>
        <th>Column Header Name Goes Here</th>
    </tr>

    @for (var i = 0; i < Model.TaskList.Count(); i++)
    {
    <tr>
        <td>
            @Html.DisplayFor(m => Model.TaskList[i].ID)
            @Html.HiddenFor(m => Model.TaskList[i].ID)
        </td>
        <td>
            @Html.DisplayFor(m => Model.TaskList[i].MyTask)
            @Html.HiddenFor(m => Model.TaskList[i].MyTask)
        </td>
    </tr>
    }
</table>
}

<script type="text/javascript">
$(document).ready(function () {
    $("#addBtn").on("click", function () {
        $.get('@Url.Action("AddTask")', function (data) {
            $("table tbody").append(data);
        });
    });
 });
</script>

为部分视图添加新任务AcitionResult：

public ActionResult AddTask()
    {
        Task model = new Task();
        return PartialView("_AddTask", model);
    }

部分视图（_AddTask）：

    @model Example.Models.Task

    <tr>
        <td>
            @Html.DisplayFor(m => Model.ID)
            @Html.HiddenFor(m => Model.ID)
        </td>
        <td>
            @Html.DisplayFor(m => Model.MyTask)
            @Html.HiddenFor(m => Model.MyTask)
        </td>
    </tr>

Answer 1

我在这里找到了我需要的内容：http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/现在我可以使用modelbinding方法而不是传统方式（FormCollection和Request）。

我希望将来可以帮助某人。另外，感谢Tobias的链接。它绝对是我提出的核心问题，但不幸的是，在我的案例中找不到解决方案。

干杯！

将部分视图数据传递给控制器

1 个答案: