Cấu hình và chỉnh sửa SharePoint Content Query WebPart
Hãy tưởng tượng bạn xây dựng một site sử dụng Microsoft Office SharePoint Server 2007 (MOSS2007), các trang web, các document và các file ảnh được lưu trong List kiểu Document Library. Các loại Content Type sẽ cho phép bạn tạo các Items khác nhau, và các subsite được sử dụng cho việc tổ chức website và navigation trên site chính. Câu hỏi đặt ra bây giờ là làm thế nào chúng ta tổng hợp các thông tin này lại để hiển thị lên trang chủ chẳng hạn.
Chúng ta có một web part sinh ra để giải quyết vấn đề này, đó là Content Query Web Part. Web Part này cho phép bạn đưa ra các item từ site của bạn bằng các câu Truy Vấn, hoặc là một tập hợp các rule mà bạn định nghĩa. Bạn có thể điều khiển phần nội dung nào sẽ được hiển thị trên web part, các kiểu item nào được lấy ra, và nó cho phép bạn Filter (lọc), sắp xếp và phân nhóm kết quả này. Và thêm nữa, nó cho phép bạn điều khiển việc các item được render lên web part như thế nào, do vậy bạn hoàn toàn có thể tạo cho web part có look & feel phù hợp với toàn bộ website còn lại, bất kể loại nội dung gì được hiển thị cũng như style của nó ntn.
Cách dễ dàng nhất để show ra được các tính năng của web part này là hãy làm một ví dụ. Giả sử bạn đã định nghĩa một page trong site của bạn có tên là "Product Page". Một Product Page có các field chung như : Title, Description và Body và đồng thời cũng có thêm một vài metadata để cho phép bạn biết loại product nào mà page đang chứa. Giả sử bạn muốn bạn muốn hiển thị tại trang homepage 5 sản phẩm mới nhất từ site của bạn. Thêm nữa, bạn muốn hiển thị danh sách product pages này bằng cách hiển thị ra phần Title, một phần nội dung của trường Body, và một link có text là "more..." mà khi click vào bạn sẽ mở được page với nội dung đầy đủ.
Ví dụ như sau:
Nokia sánh đôi cùng OMNIA
Những chiếc điện thoại mới nhất, những chiếc điện thoại luôn luôn hấp dẫn người tiêu dùng với những tính năng thật hiện đại và thời thượng. Không chỉ có iPhone, chúng tôi mời bạn xem qua một số hình ảnh sánh đôi giữa Nokia E71 và Samsung OMNIA ...(more)
Bước 1: Thêm Content Query Web Part vào trang chủ
Thao tác này khá đơn giản, từ trang chủ, bạn click vào Site Actions, và chọn Edit Page . Trang này sẽ được Check-out cho bạn chỉnh sửa, và được thiết lập ở chế độ Edit (chỉnh sửa). Trong một Web Part Zone nào đó, bạn click "Add Web Part", cuộn chuột xuống chọn Content Query Web Part, click vào nút "Add" đê thêm nó vào trong chủ của bạn
Hình 1
Bây giờ bạn đã có Content Query Web Part trên trang chủ của bạn và đang chạy ở chế độ mặc định là hiển thị tất cả các web page trong tất cả các site (từ site cha đên các site con).
Hình 2
Bước 2: Cấu hình Content Query Web Part để hiện thị các product mới nhất
Bây giờ chúng ta sẽ chỉnh sửa và cấu hình Web Part để nó hiển thị các trang product. Đầu tiên, click vào Web Part menu và chọn Modify Shared Web Part
Hinh 3
Tool panel được mở ra và chúng ta nhìn thấy các thuộc tính của Web Part. Quyre section cho phép bạn cấu hình việc web part sẽ hiển thị nội dung nào, và Presentation section cho phép bạn cấu hình các hiển thị nội dung trên Web Part
Hình 4
Hãy mở Query section và cấu hình cho nó:
Hình 5
Chúng ta có một web part sinh ra để giải quyết vấn đề này, đó là Content Query Web Part. Web Part này cho phép bạn đưa ra các item từ site của bạn bằng các câu Truy Vấn, hoặc là một tập hợp các rule mà bạn định nghĩa. Bạn có thể điều khiển phần nội dung nào sẽ được hiển thị trên web part, các kiểu item nào được lấy ra, và nó cho phép bạn Filter (lọc), sắp xếp và phân nhóm kết quả này. Và thêm nữa, nó cho phép bạn điều khiển việc các item được render lên web part như thế nào, do vậy bạn hoàn toàn có thể tạo cho web part có look & feel phù hợp với toàn bộ website còn lại, bất kể loại nội dung gì được hiển thị cũng như style của nó ntn.
Cách dễ dàng nhất để show ra được các tính năng của web part này là hãy làm một ví dụ. Giả sử bạn đã định nghĩa một page trong site của bạn có tên là "Product Page". Một Product Page có các field chung như : Title, Description và Body và đồng thời cũng có thêm một vài metadata để cho phép bạn biết loại product nào mà page đang chứa. Giả sử bạn muốn bạn muốn hiển thị tại trang homepage 5 sản phẩm mới nhất từ site của bạn. Thêm nữa, bạn muốn hiển thị danh sách product pages này bằng cách hiển thị ra phần Title, một phần nội dung của trường Body, và một link có text là "more..." mà khi click vào bạn sẽ mở được page với nội dung đầy đủ.
Ví dụ như sau:
Nokia sánh đôi cùng OMNIA
Những chiếc điện thoại mới nhất, những chiếc điện thoại luôn luôn hấp dẫn người tiêu dùng với những tính năng thật hiện đại và thời thượng. Không chỉ có iPhone, chúng tôi mời bạn xem qua một số hình ảnh sánh đôi giữa Nokia E71 và Samsung OMNIA ...(more)
Bước 1: Thêm Content Query Web Part vào trang chủ
Thao tác này khá đơn giản, từ trang chủ, bạn click vào Site Actions, và chọn Edit Page . Trang này sẽ được Check-out cho bạn chỉnh sửa, và được thiết lập ở chế độ Edit (chỉnh sửa). Trong một Web Part Zone nào đó, bạn click "Add Web Part", cuộn chuột xuống chọn Content Query Web Part, click vào nút "Add" đê thêm nó vào trong chủ của bạn
Hình 1
Bây giờ bạn đã có Content Query Web Part trên trang chủ của bạn và đang chạy ở chế độ mặc định là hiển thị tất cả các web page trong tất cả các site (từ site cha đên các site con).
Hình 2
Bước 2: Cấu hình Content Query Web Part để hiện thị các product mới nhất
Bây giờ chúng ta sẽ chỉnh sửa và cấu hình Web Part để nó hiển thị các trang product. Đầu tiên, click vào Web Part menu và chọn Modify Shared Web Part
Hinh 3
Tool panel được mở ra và chúng ta nhìn thấy các thuộc tính của Web Part. Quyre section cho phép bạn cấu hình việc web part sẽ hiển thị nội dung nào, và Presentation section cho phép bạn cấu hình các hiển thị nội dung trên Web Part
Hình 4
Hãy mở Query section và cấu hình cho nó:
Hình 5
- Phần Source, chúng ta không cần quan tâm các product page nằm ở đâu, do vậy chúng ta bỏ qua và đặt chế độ mặc định là Entire Site Collection
(Hinh 6) - Phần List Type, chúng ta biết các product page nằm ở trong Pages Library, do vậy chúng ta thiết lập là Page Libray
Hinh 7 - Phần Content Type, chúng ta chọn Product Page.
Comments
Post a Comment