Cách chèn thêm css hoặc js file cho từng view trong ASP.NET MVC

Hướng dẫn dưới đây chỉ ra cách chèn thêm css hoặc js vào trong từng view

1. Trong _layout.cshtml chèn thêm @RenderSection – css trong phần head của trang

<head>
<meta charset=”utf-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>@ViewBag.Title – My ASP.NET Application</title>
@Styles.Render(“~/Content/css”)
@Scripts.Render(“~/bundles/modernizr”)
@RenderSection(“css”, false)
</head>

2. Trong _layout.cshtml chèn thêm @RenderSection – scripts trong phần cuối của trang, trước thẻ body

@Scripts.Render(“~/bundles/jquery”)
@Scripts.Render(“~/bundles/bootstrap”)
@RenderSection(“scripts”, required: false)
</body>

Sau đó trong view cần thêm css hoặc js file, chèn thêm phần @section và chèn css hoặc js tương ứng

@section scripts
{
//cdn.datatables.net/1.10.12/js/jquery.dataTables.js

$(document).ready(function () {
$(‘#table_id’).DataTable();
});

}
@section css
{
<link rel=”stylesheet” type=”text/css” href=”//cdn.datatables.net/1.10.12/css/jquery.dataTables.css”>
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s