Trước giờ, tất cả chúng ta mới chỉ dùng View toàn phần – mọi thứ được trả về client đều trong View này. Tuy nhiên, có rất nhiều phương pháp để chia trang ra thành nhiều phần, điều này rất tốt cho nhiều lí do, hay thấy nhất là có thể tái sử dụng nhiều phần khác nhau.

Bạn Đang Xem: Partial Views

Tất cả chúng ta sẽ nói về Layouts, tức thị phần giao diện chung nào đó trong Views, là một trong những nội dung của rất nhiều chương tiếp theo, nhưng ngay thời điểm hiện tại tất cả chúng ta sẽ nói về Partial View. Như tên chỉ ra, Partial View được cho phép bạn chia View ra thành nhiều tệp. Vì sao bạn muốn làm như vậy?

Lý do hay thấy nhất là bạn cũng có thể lấy một phần View và chia chúng thành Partial View, điều này được cho phép bạn cũng có thể tái sử dụng phần nào đó của view nếu khách hàng muốn. Ví dụ, nếu khách hàng có một giao diện login, bạn cũng có thể đưa chúng thành Partial View và đưa chúng vào nhiều trang. Hơn nữa, bạn cũng có thể làm cho View ít lộn xộn hơn khi chia nhỏ các thành phần.

Lúc bấy giờ bạn đã hiểu Partial View, hãy cùng xem cách bạn tạo ra nó trong dự án và dùng nó trong View.

Tạo Partial View

Partial View trong ASP.NET MVC thường Theo phong cách sau:

• Chúng có trong cùng thư mục mà một hoặc nhiều view dùng nên chúng được đặt trong thư mục Shared bên trong thư mục Views
• Tên của chúng được mở màn bằng dấu _, chỉ đơn giản chỉ ra rằng chúng không phải là View thường ngày

Hãy thêm Partial View. Tất cả chúng ta thêm chúng vào thư mụcShared để đảm nói rằng tất cả View có thể truy cập dễ dàng:

Xem Thêm : Print Ads là gì? Một số nét đặc trưng cơ bản của Print Ads

Trong hộp thoại, chỉ đảm nói rằng bạn chọn ô “Create as partial view”:

Visual Studio sẽ tạo ra một View rỗng mới, ở đây bạn cũng có thể xây dựng markup và mã Razor giống View thông thường. Ví dụ, tôi sẽ xây dựng dựng Partial View như sau:

<divvàgt;Hello, world!</divvàgt;<divvàgt;Today is @DateTime.Now.ToString()</divvàgt;

Ta hãy cùng sử dụng một trong những View của tất cả chúng ta, ví dụ bạn muốn tạo ra một View khi tất cả chúng ta cùng nói về View như trước trong bài giảng. Tất cả chúng ta sẽ dùng một trong các phương thức của đối tượng người dùngHtmlHelper trong MVC framework gọi là PartialAsync():

@{ ViewData[“Title”] = “Index”;}<h2vàgt;Indexvàlt;/h2vàgt;@await Html.PartialAsync(“_Greeting”)<spanvàgt;More stuff here….</spanvàgt;

Tất cả chúng ta không cần quan tâm tới await – đó là tính dị đồng bộ của phương thức PartialAsync()

Khi View được thực hiện, nội dung của Partial View được tự động hóa đưa vào thông qua phương thức PartialAsync(), kết phù hợp với phần sót lại của View. Lưu ý rằng, tất cả chúng ta không phải chỉ định tên tệp hoàn chỉnh và đường dẫn của Partial View – thư mục Shared tự động hóa được tìm trong suốt quá trình xử lý Vew Discovery. Tuy nhiên, nếu khách hàng đặt Partial View trong một nơi khác hoàn toàn, bạn cũng có thể phải chỉ định đường dẫn như sau:

Xem Thêm : Vital Sign Là Gì – Vital Sign Nghĩa Là Gì Trong Tiếng Việt

@await Html.PartialAsync(“/Views/SomeFolder/SomeSubFolder/_Greeting.cshtml”)

Đưa tài liệu vào Partial View

Partial View cơ bản là View, bạn cũng có thể có cùng cách nếu cần truy cập vào tài liệu trong Partial View. Bạn cũng có thể dùng kiểu Model (ví dụ cùng Model trong View cha) hoặc có tài liệu tùy biến thông qua ViewDataDictionary hoặc phối hợp. Do sự tương tự như vậy nên tôi không đi vào cụ thể chi tiết, nhưng sẽ đi sâu hơn vào chủ đề đưa tài liệu vào View.

Tôi sẽ cho bạn một ví dụ rất thú vị về kiểu cách sử dụng phương thức PartialAsync. Nó dựa trên một kịch bản chung, Partial View chứa markup cần trả về một đối tượng người dùng nhiều lần trong View. Tất cả chúng ta có thể thực hiện bằng các gọi PartialAsync() trong vòng lặp và có thể dùng ViewDataDictionary để truyền trật tự vòng lặp:

@for (int i = 0; i < 3; i++){ @await Html.PartialAsync(“_Greeting”, Model, new ViewDataDictionary(ViewData) { { “index”, i } })}

Trong Partial View, ta có thể truy cập vào tài liệu tùy biến:

<spanvàgt; Iteration number @ViewData[“index”]</spanvàgt;

Mặc định là bạn cũng có thể tự truy cập vào cùng ViewData trong Partial View như trong View cha, nhưng như mô tả bằng ví dụ trên, bạn cũng có thể truyền tài liệu mới.

Tóm lại

Partial View được cho phép bạn chia View ra thành các phần nhỏ hơn, có thể tái sử dụng và làm cho View đỡ kềnh càng.