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页面，就像它们在同一页面上一样，实际上没有任何额外的必须操作。所以与编写引导模式弹出窗口没有什么不同。

这是一种非常暴力的方法，如果每页有很多行（因为每行会输出部分视图），可能无法很好地工作。

但这是我要开始的地方。