單擊按鈕多次加載部分視圖

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請求到服務器端部分來動態添加新行。這裏的想法是訂閱添加按鈕的點擊事件並觸發對控制器操作的AJAX請求，該操作將返回包含要編輯的空白行的新部分。

如果你想要一個純粹的客戶端解決方案，他還寫了an article，其中knockoutjs可以實現同樣的效果，例如沒有任何AJAX請求將新條目添加到列表中。