首页 > 代码库 > 在Asp.net MVC 使用bootstrap 的modal dialog 实现Popup

在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
<input type="button" data-toggle="modal"
       data-target="#popup_id" value=http://www.mamicode.com/"click"/>>

3. 查看结果:

技术分享

技术分享


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