您的位置：首页 > 其它

MVC |分部视图 PartialView()

2015-11-29 11:41 483 查看

介绍如何定义

其实它和普通视图没有多大区别，只是创建分部视图的时候视图里没有任何内容，你需要什么标签你自己加。第二就是分部视图不会执行_ViewStart.cshtml中的内容）

控制器

PartialViewDeomController控制器

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcApp.Controllers
{
public class PartialViewDeomController : Controller
{
//
// 分部视图的作用一般用于嵌到如一些正常的视图中去。（类似与自定义控件）相当于： Server.Execute(string path)

public ActionResult PartialIndex()
{
//View()方法返回的视图默认都会去执行_ViewStart.cshtml中的内容
//return View();

//分部视图不会去执行_ViewStart.cshtml中的内容（分部视图以PartialView()返回）
return PartialView();
}
}
}

PartialIndex 视图


<select id="dp1">
<option value="0">湖南</option>
<option value="1">广东</option>
<option value="0">上海</option>>
</select>

<select id="dp2">
<option value="0">纽约</option>
<option value="1">洛杉矶</option>
<option value="0">华盛顿</option>>
</select>

使用介绍（我们发现它与普通视图是差不多的）

PartialViewDeomController控制器

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcApp.Controllers
{
using MvcApp.Models;
public class PartialViewDeomController : Controller
{
//
// 分部视图的作用一般用于嵌到如一些正常的视图中去。（类似与自定义控件）相当于： Server.Execute(string path)

public ActionResult PartialIndex()
{

var list = new List<T_UserInfo>()
{
new T_UserInfo(){Id=1,UserName="无盐海",Name="凡斌"},
new T_UserInfo(){Id=1,UserName="阿宝",Name="周晶"},
};

//分部视图不会去执行_ViewStart.cshtml中的内容（分部视图以PartialView()返回）
return PartialView(list);
}
}
}

PartialIndex视图
@model List<MvcApp.Models.T_UserInfo>

<select id="dp1">
@{
foreach (var item in Model)
{
<option value="0">@item.Name</option>
}
}
</select>

真实的使用介绍（重点）

PartialViewDeomController控制器

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcApp.Controllers
{
using MvcApp.Models;
public class PartialViewDeomController : Controller
{
public ActionResult Index()
{
return View();
}

// 分部视图的作用一般用于嵌到如一些正常的视图中去。（类似与自定义控件）相当于： Server.Execute(string path)

public ActionResult PartialIndex()
{

var list = new List<T_UserInfo>()
{
new T_UserInfo(){Id=1,UserName="无盐海",Name="凡斌"},
new T_UserInfo(){Id=1,UserName="阿宝",Name="黄雪辉"},
};

//分部视图不会去执行_ViewStart.cshtml中的内容（分部视图以PartialView()返回）
return PartialView(list);
}
}
}

Index视图与PartialIndex分部视图。（注意：这里是在Index视图里调用PartialIndex分部视图）
@{
Layout = null;
}
@using MvcApp.Models;
<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-1.8.2.js"></script>
</head>
<body>
<div id="loadData"></div>

<div>

@Html.Partial("PartialIndex", new List<T_UserInfo>() { new T_UserInfo() { Id = 1, UserName = "无盐海", Name = "凡斌" }, new T_UserInfo() { Id = 1, UserName = "阿宝", Name = "周晶" }, })


@{
Html.RenderPartial("PartialIndex", new List<T_UserInfo>() { new T_UserInfo() { Id = 1, UserName = "无盐海", Name = "凡斌" }, new T_UserInfo() { Id = 1, UserName = "阿宝", Name = "周晶" } });
}


@{Html.RenderAction("PartialIndex", "PartialViewDeom");}


@Html.Action("PartialIndex", new { controller = "PartialViewDeom" })


<script type="text/javascript">
$(function () {
$("#loadData").load("/PartialViewDeom/PartialIndex"); //将PartialIndex分部视图中的内容加载到id为loadData这个元素中去
})
</script>
</div>action
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

MVC |分部视图 PartialView()

介绍如何定义

使用介绍（我们发现它与普通视图是差不多的）

真实的使用介绍 （重点）

真实的使用介绍（重点）