MVC4 Twitter Bootstrap 3顯示模式編輯數據

Question

我有一個MVC4應用程序。我目前使用GridMVC來顯示我的數據，這一切工作正常。當用戶點擊一行時，我想顯示引導模式來編輯數據。我已經有了編輯字段的局部視圖。實現用戶編輯數據的模式彈出窗口的最佳方式是什麼？任何人都試過這個成功？

Answer 1

我可能會把你的窗體和html的局部視圖中的整個引導模式，以保存它。

然後在主頁上只包括您與局部視圖這個「保存表單」在文檔的底部（一個爲每一行）

@{ 
    Html.RenderPartial("_MySaveModalForm", ViewModelForRow1); 
    Html.RenderPartial("_MySaveModalForm", ViewModelForRow2); 
} 

然後爲你鏈接打開模式，只需要使用標準bootstrap打開模式。

<!-- Button trigger modal --> 
<a data-toggle="modal" href="#myModal@RowID" class="btn btn-primary btn-lg">Edit Row</a> 

你可以把你這裏面排，或使用一些JavaScript來打開該行的點擊模式。

部分視圖中的代碼將呈現給html頁面，就像它們在同一頁面上一樣，實際上沒有任何額外的必須操作。所以與編寫引導模式彈出窗口沒有什麼不同。

這是一種非常暴力的方法，如果每頁有很多行（因爲每行會輸出部分視圖），可能無法很好地工作。

但這是我要開始的地方。