在Asp.net MVC 使用bootstrap 的modal dialog 实现Popup

web应用经常需要弹出modal dialog，此例说明如何使用bootstrap提供的dialog，可以满足大部分场景。


1. 安装nuget


2. 完成以下代码：

Home Controller :

 public ActionResult Index(){return View();}[HttpPost]public ActionResult Index(HomeVm vm){TempData["Message"] = string.Format("Submitted : Name : {0} ,Age: {1}", vm.Name, vm.Age);return Index();}
 

View Model :

 public class HomeVm{[Required]public string Name { get; set; }[Required][Range(0, 150)]public string Age { get; set; }}
 

Index.cshtml :

@model WebApplication1.Controllers.HomeVm
 
@TempData["Message"]
 
×
Title
Here is body
@Html.TextBoxFor(m => m.Name)
@Html.TextBoxFor(m => m.Age)
                      
Cancel
 

3. 查看结果：