Partial view là gì

View là đồ họa người tiêu dùng. View hiển thị dữ liệu từ Mã Sản Phẩm cho những người cần sử dụng và cũng có thể chấp nhận được chúng ta sửa thay đổi dữ liệu.

Bạn đang xem: Partial view là gì

View vào ASP..NET MVC được lưu giữ trong thư mục Views. Các cách thức hành vi không giống nhau của controller rất có thể hiển thị các view khác nhau.

Do đó, trong thư mục Views đựng một thư mục riêng biệt cho từng controller với bao gồm thuộc tên với controller, tlỗi mục này sẽ chứa các view của controller.

Ví dụ: view của HomeController đang bên trong thỏng mục Views > Home. Tương từ bỏ, view của StudentController sẽ bên trong tlỗi mục Views > Student nhỏng được hiển thị bên dưới.

*
Ghi chú: Thỏng mục Shared cất view, layout hoặc partial view rất có thể được thực hiện nghỉ ngơi trong bất kỳ controller hoặc view nào.

Razor View

Microsoft đang reviews Razor View từ bỏ ASPhường.NET MVC 3. Quý khách hàng có thể viết tất cả hổn hợp các thẻ HTML và mã C# vào Razor View.

Razor View sử dụng cú pháp Razor bắt đầu bởi cam kết tự
cho mã C# gắng bởi cú pháp truyền thống. quý khách có thể thực hiện cú pháp C# hoặc Visual Basic nhằm viết mã phía sever bên phía trong Razor View.

Razor View buổi tối nhiều hóa tốc độ viết mã bằng cách bớt tđọc số lượng cam kết tự cần thiết lúc tạo nên View. Các tập tin xem Razor View có phần mở rộng là .cshtml hoặc vbhtml.

ASP..NET MVC cung cấp những loại tập tin của View nhỏng sau:


Loại tập tinMô tả
.cshtmlC# Razor view. Hỗ trợ C# với những thẻ HTML.
.vbhtmlVB.NET Razor view. Hỗ trợ VB.NET với các thẻ HTML.

Tạo View vào ASPhường.NET MVC

Chúng tôi sẽ chế tạo StudentController với lớp Model là Student vào phần trước. Bây tiếng, hãy chế tạo ra view mang lại StudentController với tìm hiểu giải pháp áp dụng lớp Model vào View.

Chúng ta sẽ tạo nên view sẽ tiến hành hiển thị từ bỏ cách tiến hành Index của StudentController. Trước hết, hãy mở 1 lớp StudentController -> bấm vào nên vào bên trong thủ tục Index -> bấm Add View...

*

Trong hộp thoại Add View, không thay đổi tên của view là Index. Cách cực tốt là viết tên view y hệt như thương hiệu thủ tục hành động.

Việc này là nhằm tránh nhầm lẫn và bạn cũng không hẳn chỉ định rõ thương hiệu view trong cách thức hành động Lúc trả về.

Xem thêm: Trung Tâm Ngoại Ngữ Âu Việt Mỹ Cần Thơ, Trường Phổ Thông Việt Mỹ

Chọn mẫu view. Trong danh sách sổ xuống tất cả các mẫu view mang đến Create, Delete, Details, Edit, List hoặc view trống rỗng. Chọn mẫu "List" bởi bọn họ muốn hiển thị list sinc viên trong view.

*

Bây giờ, lựa chọn lớp model mang lại view trong mục Model class. Danh sách sổ xuống vẫn hiển thị tên của tất cả các lớp trong tlỗi mục Models. Chúng tôi sẽ chế tạo ra lớp mã sản phẩm Student trong phần trước, vì chưng vậy nó sẽ được gửi vào danh sách sổ xuống như hình sau.

*

Đánh dấu vào hộp kiểm "Use a layout page" cùng chọn trang _Layout.cshtml mang đến view này và kế tiếp nhấp vào nút ít Add. Chúng ta vẫn tò mò chi tiết trang _Layout.cshtml là gì ngơi nghỉ phần đa bài viết sau, còn hiện nay hãy cứ xem nó hệt như một trang bao gồm vào ASP.NET MVC.

Điều này sẽ tạo view Index vào tlỗi mục Views -> Student nhỏng được hiển thị vào hình hình họa mặt dưới:

*

Đoạn mã sau đấy là nội dụng của view Index.cshtml đã có được tạo nghỉ ngơi trên.


Mã Sản Phẩm IEnumerable
ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml";

Index


Html.ActionLink("Create New", "Create")


Html.DisplayNameFor(Model => Mã Sản Phẩm.StudentName)
Html.DisplayNameFor(Model => Model.Age)
foreach (var thành phầm in Model)
Html.ActionLink("Details", "Details", new id=nhà cửa.StudentId )

Nlỗi bạn cũng có thể thấy trong view Index trên, nó đựng cả mã HTML và Razor. Cú pháp biểu thức Razor một cái bắt đầu bởi cam kết hiệu
.
Html là 1 trong lớp giúp sức để tạo thành các thẻ HTML. quý khách hàng đã tò mò chi tiết về cú pháp Razor và lớp trợ giúp HTML trong số phần sắp tới đây.

*

lúc triển khai ứng dụng thì view Index ngơi nghỉ bên trên sẽ sở hữu tác dụng y như hình ảnh dưới đây.

*
Lưu ý: Tất cả view vào ASP..NET MVC phần đa được bắt đầu từ lớp WebViewPage gồm trong namespace System.Web.Mvc.

Partial View vào ASP..NET MVC

Ở phần này, bạn sẽ khám phá partial view là gì và cách áp dụng nó trong ứng dụng ASPhường.NET MVC.

Partial view là một thành phần rất có thể thực hiện lại của một website. Nó là tệp .cshtml hoặc .vbhtml có cất mã HTML. Nó hoàn toàn có thể được thực hiện vào một hoặc những View hoặc Layout View. Bạn có thể thực hiện cùng một partial view ở các địa điểm góp sa thải mã giống nhau.

Hãy sinh sản một partial view mang lại thực đơn sau, nhằm bạn cũng có thể thực hiện và một thực đơn trong không ít layout view cơ mà ko cần viết lại và một mã làm việc hồ hết chỗ.

*

Chúng ta vẫn chế tạo áp dụng MVC đầu tiên của bản thân trước đây. Mở tệp _Layout.cshtml và các bạn sẽ thấy mã HTML sau mang đến tkhô hanh thực đơn ngơi nghỉ trên. Chúng ta đã giảm với dán mã này trong một partial view đơn lẻ.

*

Tạo một partial view mới

Để sinh sản partial view, nhấp chuột phải vào tlỗi mục Shared -> nhấp vào Add -> nhấp vào View. Cửa sổ Add View msinh hoạt lên, nlỗi hình tiếp sau đây.

Quý khách hàng hoàn toàn có thể chế tạo ra partial view trong ngẫu nhiên thỏng mục View nào. Tuy nhiên, chúng ta nên chế tác tất cả các partial view của bản thân mình vào thư mục Shared để chúng rất có thể được thực hiện trong không ít view khác biệt.

Xem thêm: Oppo Find 5 Mini Màu Trắng Chính Hãng Giảm Giá Oppo Find 5 Mini R827

*

Trong cửa sổ Add View, nhập tên partial view là _MenuBar, lựa chọn vỏ hộp kiểm "Create as a partial view". Chúng ta không phải sử dụng bất kỳ Mã Sản Phẩm như thế nào mang đến partial view này, bởi vì vậy hãy lựa chọn Template là Empty (without model) và nhấp vào nút ít Add. Như vậy sẽ tạo ra một partial view trống vào thỏng mục Shared.

Bây giờ đồng hồ chúng ta có thể giảm đoạn mã trên đến tkhô cứng điều phối cùng dán nó vào _MenuBar.cshtml nhỏng hình dưới đây:


Chuyên mục: Blogs