Xây dựng website bán hàng MVC 4 - BÀI 7: Tìm kiếm sẩn phẩm với nhiều tùy chọn- sưu tầm hoclaptrinhweb.com
MỤC TIÊU
MÔ TẢ
Trong bài này bạn phải hiệu chỉnh mã nguồn của Action Search trong ProductController để có thể tiếp nhận các yêu cầu từ:
Sau đây là trang hàng hóa khi nhấp liên kết chủng loại Cameras
THỰC HIỆN
Bước 1: Hoàn thiện _Search.cshtml
Mở _Search.cshtml trong Views/Shared và hoàn thiện mã nguồn như sau để khi submit form sẽ gọi action Search() của ProductController và truyền theo tham số Search.
Bạn cũng đã hoàn thiện Layout với _Category.cshtml và _Supplier.cshtml cũng gọi về action Search() của
ProductController với các mẫu liên kết:
Bước 2: Nâng cấp mã Action Search của ProductController
Để tạo ra kết quả tìm kiếm khác nhau dựa vào tham số yêu cầu (Search, CategoryId và SupplierId), bạn cần hiệu chỉnh mã của action Search() như sau:
- Biết cách xây dựng trang Action tiếp nhận và phân biệt tham số vào để xây dựng kết quả tìm kiếm phù hợp với điều kiện mong muốn.
MÔ TẢ
Trong bài này bạn phải hiệu chỉnh mã nguồn của Action Search trong ProductController để có thể tiếp nhận các yêu cầu từ:
- Nhấp 1 loại: xem hàng theo chủng loại
- Nhấp 1 nhà cung cấp: xem hàng theo nhà cung cấp
- Nhấp chuỗi tìm kiếm: xem hàng có tên chứa chuỗi tìm kiếm
Sau đây là trang hàng hóa khi nhấp liên kết chủng loại Cameras
THỰC HIỆN
- Bước 1: Hoàn thiện _Search.cshtml
- Bước 2: Nâng cấp mã Action Search của ProductController
Bước 1: Hoàn thiện _Search.cshtml
Mở _Search.cshtml trong Views/Shared và hoàn thiện mã nguồn như sau để khi submit form sẽ gọi action Search() của ProductController và truyền theo tham số Search.
Bạn cũng đã hoàn thiện Layout với _Category.cshtml và _Supplier.cshtml cũng gọi về action Search() của
ProductController với các mẫu liên kết:
- <a href="/Product/Search?CategoryId=@c.Id">@c.Name</a>
- <a href="/Product/Search?SupplierId=@s.Id">@s.Name</a>
Bước 2: Nâng cấp mã Action Search của ProductController
Để tạo ra kết quả tìm kiếm khác nhau dựa vào tham số yêu cầu (Search, CategoryId và SupplierId), bạn cần hiệu chỉnh mã của action Search() như sau:
Nhận xét
Đăng nhận xét