在Asp.net mvc剃鬚刀視圖中添加和刪除動態表中的行

Question

我是asp.net mvc的新手。在我的項目中，我必須添加一個表格，用戶可以在其中輸入詳細信息並從下拉菜單中選擇選項。當用戶單擊添加按鈕時，必須將所有行（包括文本框，下拉列表）添加到表中。另外，當用戶點擊刪除按鈕時，必須從表格中刪除特定的行。默認情況下，當頁面加載時，我應該在表中有兩行，包含所有必填字段。我需要解決以下問題

1. 如何實現上述任務。
2. 我還需要保存表格的詳細信息。那麼如何將表格細節傳遞給控制器​​呢？
3. 當用戶點擊編輯按鈕時保存細節後，我應該加載表中的所有細節。請幫我在這

我也搜索了很多，但沒有一個例子包括動態表中的下拉選項。請幫助我完成這項任務。感謝所有的志願者。

Answer 1

我建議使用史蒂夫·桑德森創建

http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/

它達到你想要什麼的BeginCollectionItem（）幫手，他越過一步一步從一個工作示例。我在我的幾個項目中使用過它。

Answer 2

我會在評論中留下一些鏈接，但我沒有足夠的代表。所以我會把這裏作爲答案，並且比我在評論中闡述的更多。但這只是一般信息。請提供更多具體答案的詳細信息。

首先，您正在使用哪個版本的MVC？你的數據模型是什麼樣的？你在使用EntityModel嗎？您是否考慮過客戶端MVC或MVVM框架或庫，如AngularJS或Knockout？

隊伍對你這些問題的答案，答案你的問題可能是...

1. 創建數據模型類，並開始data annotations裝飾它。 您希望出現在表格中的每一列應作爲公共財產公開。這可以驅動一個code first DB approach。或者，你可以從現有的數據庫建立一個EntityModel。如果您打算這麼做，則可能需要修改T4 templates used by the EF wizard，將數據註釋添加到生成的實體模型。
2. 您可以使用開箱即用的scaffolding to generate razor templates for CRUD operations。然後你可以使用你的新T4技能modify the scaffolding templates。
3. 考慮將WebAPI和/或SignalR與客戶端框架結合使用，以提供RESTful API或持久連接，其中任何一個都可用於在客戶端和服務器之間同步應用程序級別的數據。

這似乎是一個很好的開銷，但如果您要最大限度地使用Razor視圖，可以爲您節省大量時間。

儘管您可能只想在大部分時間與客戶端交換應用程序級別的數據。您可以使用像AngularJS這樣的框架構建客戶端體系結構，或者圍繞像Knockout這樣的庫構建自己的框架，以綁定到數據，並允許標記（例如，AngularJS中的自定義指令模板）實際上成爲通過客戶端控制器生成和渲染。

對於一個開源，標準化的外觀和感覺，我建議您考慮一下Boostrap的設置，以便相對容易地使用組件和佈局/樣式約定。您可以使用它準系統或將其與其他js庫，like this合併。