jquery - MVC4 Twitter Bootstrap 3 显示编辑数据的模式

Question

我有一个 MVC4 应用程序。我目前正在使用 GridMVC 来显示我的数据，一切正常。当用户单击一行时，我想显示一个引导模式来编辑数据。我已经有了编辑字段的部分视图。实现用户编辑数据的模式弹出窗口的最佳方法是什么？有人成功尝试过吗？

Answer 1

我可能会将整个引导模式放在您的局部视图中，并使用您的表单和 html 来保存它。

然后在您的主页上，只需在文档底部包含带有此“保存表单”的部分视图（每行一个）

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

然后为您的链接打开模态，只需使用标准引导打开模态。

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

你可以把它放在你的行中，或者使用一些javascript在点击行时打开模式。

部分视图中的代码将呈现到 html 页面，就好像它们在同一页面上一样，您实际上不需要做任何额外的事情。所以这与仅仅编写引导模式弹出窗口并没有什么不同。

这是一种相当蛮力的方法，如果每页有很多行（因为将为每一行输出部分视图），则可能效果不佳。

但这是我要开始的地方。