码迷,mamicode.com
首页 > Web开发 > 详细

MVC |分部视图 PartialView()

时间:2017-07-05 16:45:22      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:htm   name   server   each   inf   传参   mode   返回   四种   

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>

 

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 = "周晶" } });
}

<!--第三种方式:可以跨控制器调用分部视图(注意:如果通过这种方式调用分部视图,如果在再PartialIndex这个action中有传参给分部视图,则在此处调用就不需要再传递参数了)-->
@{Html.RenderAction("PartialIndex", "PartialViewDeom");}

<!--第四种方式:也是可以跨控制器调用分部视图。和第三种是一样的-->
@Html.Action("PartialIndex", new { controller = "PartialViewDeom" })

<!--第五种方式:用ajax来调用:如:jquery的Load()方法-->
<script type="text/javascript">
$(function () {
$("#loadData").load("/PartialViewDeom/PartialIndex"); //将PartialIndex分部视图中的内容加载到id为loadData这个元素中去
})
</script>
</div>action
</body>
</html>

MVC |分部视图 PartialView()

标签:htm   name   server   each   inf   传参   mode   返回   四种   

原文地址:http://www.cnblogs.com/niejun/p/7121959.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!