在 SharePoint 中連接網頁部分

當你 在網站上新增現代頁面時,你就是新增並自訂網頁部分,這些是你頁面的基石。 你可以將多個網頁部分彼此連結,為頁面瀏覽者創造互動且動態的體驗。 例如,你可以將文件庫的網頁部分連接到檔案與媒體的網頁部分。 當使用者在文件函式庫列表中點擊檔案名稱時,檔案檢視器會顯示該檔案的內容。 或者,將清單屬性的網頁部分連接到一個包含大量資訊的清單網頁部分,只顯示特定資訊。 

注意

  • 部分功能會逐步引入給已選擇加入 目標發布計畫的組織。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。
  • 本文中的網頁部分無法在經典頁面上使用。

你可以連接的網頁部分包括:List properties 網頁部分以及 File and Media 網頁部分。 以下是一些使用這些連結網路部分的範例。

根據使用者在文件庫中選擇的檔案顯示檔案 (將檔案與媒體網頁部分連結到文件庫網頁部分)

在此範例中,使用者可以在不離開頁面、且不必打開每個檔案的情況下,瀏覽行銷文件庫並查看所選檔案的內容。

連接文件庫的檔案檢視器網頁部分範例

方法如下:

  1. 在你的頁面上,新增一個包含你想使用的文件 庫網頁部分 ,並新增 一個檔案與媒體網頁部分

    注意

    如果你第一次新增「檔案與媒體」網頁部分,「最近文件」窗格會打開。 在這個窗格右下角選擇 取消

  2. 選擇編輯屬性 檔案與媒體網頁部分上方的屬性圖示截圖

  3. 在屬性面板右上角選擇省略號 (......) ,然後選擇 「連接至來源」。

    連接來源按鈕的截圖。

  4. 「連接來源」下拉選單中選擇你想使用的文件庫。

    檔案檢視器屬性窗格,附有連接來源下拉選單

  5. 選擇窗格頂端的 X 鍵來關閉它。

  6. 選擇 儲存並關閉 頁面頂端。

  7. 從你選擇的文件庫中選擇文件來測試你的連線。 你應該會在檔案與媒體網頁部分看到該文件。

  8. 當你準備好讓讀者看到該頁面時,請在頁面右上角選擇 「重新發布 」。

根據使用者在清單網頁部分中選擇的項目,顯示清單中的項目 (將清單屬性網頁零件連接到清單網頁零件)

當你擁有一個包含多欄的龐大清單時,使用者可能很難找到他們想要的特定資訊。 透過清單屬性網頁部分,使用者可以從清單網頁部分選擇項目,並只看到您指定的 (s 值) 。 以下範例中,List 網頁部分包含區域辦公室的清單。 當使用者從清單中選擇項目時,清單屬性網頁部分只會顯示 Office 名稱和銷售資料。

與清單屬性網頁部分相連的清單範例

方法如下:

  1. 在你的頁面上,加入一個包含你想使用的清單的 清單網頁部分 ,然後再新增 一個清單屬性網頁部分

  2. 選擇 「編輯屬性」圖示,將屬性圖示截圖 。位於「清單屬性」網頁部分上方。

  3. 在屬性面板右上角選擇省略號 (......) ,然後選擇 「連接至來源」。

    連接來源按鈕

  4. 「連接來源」中,從下拉選單選擇你想使用的清單。

  5. 「展示」中,選擇你希望使用者在你的頁面上看到的內容。

  6. 「要顯示欄位」中,選擇你想顯示數值欄位旁的勾選框。

    List properties web part pane

  7. 選擇 儲存並關閉 頁面頂端。

  8. 從你選擇的清單中選擇一項項目來測試連線。 你應該會在 List 屬性網頁部分看到你指定的值。

  9. 當你準備好讓讀者看到該頁面時,請在頁面右上角選擇 「重新發布 」。

根據其他清單或函式庫中的選擇來篩選清單

透過動態篩選,你可以根據另一個清單中的選擇來篩選一個清單。 在以下範例中,行銷文件函式庫會被專案資訊列表中的選取所篩選。 選取專案團隊欄位中的「行銷」值,因此行銷文件庫中僅顯示行銷團隊擁有的文件。

動態篩選清單

方法如下:

  1. 在你的頁面上 ,選擇編輯 並新增 清單網頁部分文件函式庫網頁部分,然後選擇你想篩選的值清單或函式庫。
  2. 新增另一個 清單網頁部分文件函式庫網頁部分 ,並選擇包含你想篩選資訊的清單或函式庫。
  3. 選擇你想篩選的清單或函式庫網頁部分,並選擇屬性圖示的 「編輯屬性截圖」。 位於網頁部分上方。
  4. 動態濾波中,將切換桿滑到 開啟 位置。
  5. 欄位 [你的列表名稱] 中選擇你想篩選的欄位 [你的列表名稱]。
  6. 包含篩選器的清單或函式庫中,選擇你在步驟 1 中新增到頁面的清單或函式庫。
  7. 包含篩選器值屬性的欄位中,選擇包含你想要篩選的值的欄位。
  8. 選取 [套用]
    使用章節開頭的範例圖片,行銷文件庫的動態篩選選項會呈現如下:
    文件庫開啟窗格以提供動態篩選選項
  9. 完成後,選擇頁面頂端的 「儲存並關閉 」,或者如果你準備好讓讀者看到該頁面,則在頁面右上角選擇 「重新發布 」。