IT從業者必看!Sharepoint 2013內容查詢Web部件自定義顯示樣式

分享人:廣州華軟 星塵

IT從業者必看!Sharepoint 2013內容查詢Web部件自定義顯示樣式

一. 前言

在進行Sharepoint開發時,經常會遇到內容展示個性化需求的問題,當然如果通過自定義開發控件對於內容展示的需求基本都可以很好的解決,但自定義開發也有不好的地方,例如可能會有潛在的兼容性問題和開發時間較長。其實Sharepint平臺自帶的一個內容查詢Web部件功能比較實用,比如通過內容查詢Web部件進行簡單的配置可以很快的實現展示整個網站下所有文檔庫中的文檔。但是內容查詢Web部件默認顯示的字段較少,只有標題、鏈接、縮略圖等,如果我們想要顯示較多的字段,那就要通過對內容查詢Web部件的顯示樣式進行自定義才可以實現。

本文以最近一個項目需求為例: 通過內容查詢Web部件顯示某個網站下的所有文檔,並且需要顯示文檔的名稱、文件大小、創建者、修改時間等字段。

顯示效果:

IT從業者必看!Sharepoint 2013內容查詢Web部件自定義顯示樣式

二. 目錄

1.在SPD中添加自定義樣式

2.導出內容查詢Web部件

3.編輯導出的內容查詢Web部件

4.導入編輯後的內容查詢Web部件

5.選擇自定義樣式

6.總結

三. 在SPD中添加自定義樣式

在SPD中添加自定義樣式“共享文檔”:

在SPD中找到網站集的樣式庫,打開XSL Style Sheets,打開ItemStyle.xsl文件進行編輯,在尾部前加入以下樣式代碼:

名稱

文件大小

共享人

修性時間

KB

四. 導出內容查詢Web部件

1.在需要顯示共享文檔的網站頁面中添加一個內容查詢Web部件,編輯Web部件,設置查詢條件和篩選條件,選擇默認樣式,然後保存設置。

2.點擊Web部件的“導出”按鈕將內容查詢Web部件導出到本地文件。

IT從業者必看!Sharepoint 2013內容查詢Web部件自定義顯示樣式

五. 編輯導出的內容查詢Web部件

在本地使用記事本編輯導出的內容查詢Web部件 ,在文件中找到“”添加需要在內容查詢Web部件中顯示的字段,注意:字段名稱必須是內部名稱,格式為:字段名稱,類型。

IT從業者必看!Sharepoint 2013內容查詢Web部件自定義顯示樣式

保存文件。

六. 導入編輯後的內容查詢Web部件

1. 在頁面中刪除原來的內容查詢Web部件。

2. 在頁面中添加Web部件時導入本地的自定義Web部件文件“共享文檔.webpart”,並添加到頁面中。

七. 選擇自定義樣式

編輯Web部件,在演示文稿中的顯示樣式處選擇“共享文檔”樣式。

保存配置,保存頁面。

八. 總結

通過創建自定義的內容查詢Web部件顯示樣式,即可實現對數據展示個性化的需求,而且可以節省開發時間,自定義的內容查詢Web部件顯示樣式具有一定的通用性,只要創建了個樣式,在整個網站中的任何網站頁面中都可以引用,做到了同一內容類型的展示效果一次開發到處使用。


分享到:


相關文章: