MVC Layouts布局视图--局部视图

创建名称为SiteLayout.cshtml的视图

@{
Layout = "~/Views/Shared/SiteLayout.cshtml";
www.it-ebooks.info
68 x CHAPTER 3 VIEWS
View.Title = "The Index!";
}
<p>This is the main content!</p>
@section Footer {
This is the <strong>footer</strong>.
}

 

Index.cshtml引入视图

@{
Layout = "~/Views/Shared/SiteLayout.cshtml";
View.Title = "The Index!";
}
<p>This is the main content!</p>
<!DOCTYPE html>
<html>
<head><title>The Index!</title></head>
<body>
<h1>The Index!</h1>
<div id="main-content"><p>This is the main content!</p></div>
</body>
</html>
<footer>@RenderSection("Footer", required: false)</footer>
<footer>
@if (IsSectionDefined("Footer")) {
RenderSection("Footer");
}
else {
<span>This is the default footer.</span>
}
</footer>

ViewStart

@{
Layout = "~/Views/Shared/_Layout.cshtml";
}

控制器中返回局部视图

public class HomeController : Controller {
public ActionResult Message() {
ViewBag.Message = "This is a partial view.";
return PartialView();
}
}

视图中获取变量方式

<h2>@ViewBag.Message</h2>

AJA方式获取

<div id="result"></div>
<script type="text/javascript">
$(function(){
$('#result').load('/home/message');
});
</script>

 

 

posted @ 2013-03-11 18:06  真诚待  阅读(275)  评论(0)  编辑  收藏  举报