MVC4 Twitter Bootstrap 3显示模态编辑数据

Question

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

Answer 1

我可能会将整个bootstrap模式放在你的局部视图中，并使用你的表单和html进行保存。

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

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

然后，对于打开模态的链接，只需使用标准bootstrap open modal。

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

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

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

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

但这是我要开始的地方。