.net mvc如何在表格行點擊後呈現數據

Question

我是新來的.net mvc，並且在我的視圖中呈現數據時變得卡住了。 我正在創建一個小型項目管理工具，我目前正在開發項目管理部分。

我正在發送一個模型，其中包含用戶必須對管理項目的視圖的所有項目的列表。項目列表呈現在一個表格中。該模型包含與項目，階段，項目用戶等有關的所有內容。 當我在表格中單擊一行時，我想將該項目的擴展細節呈現在該表格下方，以便顯示所選用戶和階段項目。

使用jquery我可以做到這一點，但我想在視圖中使用.net代碼編寫此事件，而不是使用Jquery。我的主要目標不是回叫服務器，因爲我擁有模型中的所有數據。

我周圍搜索，無法找到關於觸發事件和渲染頁面上的更多細節的詳細信息。我明白部分會做什麼，但這意味着要回到服務器。

解決這類問題的最佳方法是什麼？我應該只使用JQuery嗎？如果我使用jQuery，那麼如果腳本不在頁面中，那麼如何在腳本中使用html助手？

Answer 1

您可以在每行內部有一個表單，並有一個提交按鈕來顯示細節。當點擊提交按鈕時，將調用一個控制器動作並設置選定的行項目標識符，它將使用它來檢索項目細節並傳遞迴視圖。您還需要檢索整個項目列表，因爲爲了能夠重新顯示錶格。您的主視圖模型將由代表所有項目集合的屬性以及包含選定項目詳細信息的另一個屬性組成。最初，details屬性將爲null。當選擇一個項目時，您將分配它。然後在視圖內部，您可以測試是否分配了詳細信息屬性並將細節呈現爲部分。

如果您決定使用jQuery和AJAX，那麼因爲您不會重新顯示整個頁面，所以您無需在細節操作中檢索視圖模型的項目列表。只有細節。然後只需使用操作返回的部分來刷新DOM的相應部分。