MVC調用部分視圖PartialView

新建一個控制器:
    public class AdminController : Controller
    {
        public ActionResult UpdateAdmin()
        {
            return PartialView("UpdateAdmin", new YingPingPuirtureMVC4.Models.LoginModel() { Name = "admin", Password = "admin" });
        }
     }
 在Views 的Shared文件夾添加一個視圖 UpdateAdmin

 

@model YingPingPuirtureMVC4.Models.LoginModel
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
      @Styles.Render("~/Content/css")
      @Scripts.Render("~/bundles/modernizr")
</head>
<body>
   @using(Html.BeginForm())
    {
    @Html.HiddenFor(c => c.UserId)
    <div>
        舊用戶名:
    </div>
    <div>
       @Html.TextBoxFor(c=>c.Name)
    </div>
    <div>
        新用戶名:
    </div>
    <div>
          @Html.TextBoxFor(c=>c.NewName)
    </div>
    <div>
        密碼:
    </div>
    <div>
          @Html.PasswordFor(c=>c.Password)
    </div>
    <div>
        新密碼:
    </div>
    <div>
         @Html.PasswordFor(c=>c.NewPassword)
    </div>
    <div>
        <input type="submit" value="確定" />
      
    </div>
      }
</body>
</html>
View Code

調用視圖的幾種方法
  1. Jquery 調用

    $(function () {
             $("#load").load("/Admin/UpdateAdmin");
         })

2 . Html.Action 調用
   如下:

    @Html.Action("UpdateAdmin","Admin")

3. 直接調用 不經過Controller
  如下:
      @Html.Partial("UpdateAdmin", new YingPingPuirtureMVC4.Models.LoginModel() {  Name="admin", Password="admin"})

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章