MVC4 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>

你可能感兴趣的:(layout)