单击按钮多次加载局部视图

Question

背景：我有2个实体，课程和模块。一门课程可以有很多模块。在更新/添加模块的页面上，它基本上是课程的更新页面，其中每个模块都有一个以手风琴呈现的部分页面。见截图：

我有这个来填充现有的模块：

@foreach (var module in Model.Modules)
{
    Html.RenderPartial("~/Views/Module/_Update.cshtml", (RocketLabs.Models.Module)module);
}

每次单击添加模块时，如何添加部分渲染（使用新模型）？

任何建议都将受到高度赞赏。谢谢！

Answer 1

我建议您查看Steven Sanderson的Editing a Variable Length List文章，其中说明了如何使用AJAX请求向服务器端部分动态添加新行。这里的想法是订阅Add按钮的click事件并触发对控制器动作的AJAX请求，该动作将返回包含要编辑的空行的新部分。

如果你想要一个纯粹的客户端解决方案，他还写了an article，其中可以通过knockoutjs实现相同的功能，例如没有任何AJAX请求将新条目添加到列表中。