Applies ToSharePoint in Microsoft 365

當您 新增新式頁面至網站時,您可以新增及自定義網頁元件,這些網頁元件是頁面的建置元件。 您可以互相連接某些網頁元件,為您的頁面查看器建立互動式且動態的體驗。 例如,您可以將文件庫網頁元件連線至檔案和媒體網頁元件。 當使用者按下文件庫清單中的檔案名時,[檔案檢視器] 會顯示該特定檔案的內容。 或者,將清單內容網頁元件連線至含有大量資訊的清單網頁元件,以僅顯示特定資訊。 

附註: 

  • 部分功能會逐步提供給選擇加入 「已設定目標發行計劃」的組織。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。

  • 本文中的網頁元件不適用於傳統頁面。

您可以連線的網頁元件包括:清單內容網頁元件和檔案和媒體網頁元件。 以下是一些您可以如何使用這些連線網頁元件的範例。

根據使用者在文檔庫中選取的內容顯示檔案 (將檔案和媒體網頁元件連線至文檔庫網頁元件)

在此範例中,使用者可以瀏覽行銷檔的文檔庫,並在選取的檔案中查看內容,而不需要離開頁面,而不需要開啟每個檔案。

線上至文件庫的檔案查看器網頁元件範例

方法如下:

  1. 在頁面上,將 文檔庫網頁元件 新增到您要使用的文檔庫,然後新增 檔案和媒體網頁元件

    附註: 如果您是第一次新增檔案和媒體網頁元件,[最近的檔] 窗格會開啟。 選取此窗格右下角的 [取消 ]。

  2. 選取檔案和媒體網頁元件上方 屬性圖示的螢幕快照。 編輯 屬性

  3. 選取屬性窗格右上角的省略號 (...) ,然後選取 [ 連線至來源]

    [連線到來源] 按鈕的螢幕快照。
  4. 在 [ 連線至來源] 底下,從下拉式清單中選取您要使用的文檔庫。

    [連線至來源] 下拉式清單的 [檔案查看器] 屬性窗格
  5. 選取窗格頂端的 [X ] 將其關閉。

  6. 選取頁面頂端的 [ 儲存並關閉 ]。

  7. 從您選擇的文件庫中選取檔,以測試您的連線。 您應該會看到檔案顯示在 [檔案和媒體] 網頁元件中。

  8. 當您準備好讓觀眾看到頁面時,請選取頁面右上角的 [重新發佈]。

根據使用者在清單網頁元件中選取的專案在清單中顯示專案 (將清單屬性網頁元件連線至清單網頁元件)

當您有一份含有許多欄的大型清單時,使用者可能難以找到他們正在尋找的特定資訊。 使用清單屬性網頁元件,用戶可以從清單網頁元件選取專案,並只查看您指定 (值) 。 在下列範例中,清單網頁元件包含地區辦公室清單。 當使用者從清單中選取專案時,List 屬性網頁元件只會顯示 Office 名稱和銷售數據。

使用清單屬性網頁元件連線的清單範例

方法如下:

  1. 在頁面上,新增含有您要使用的清單的 清單網頁元件 ,然後新增 清單屬性網頁元件

  2. 選取清單內容網頁元件上方 屬性圖示的螢幕快照。 [ 編輯屬性] 圖示

  3. 選取屬性窗格右上角的省略號 (...) ,然後選取 [ 連線至來源]

    [連線到來源] 按鈕
  4. 在 [ 連線至來源] 底下,從下拉式清單中選取您要使用的清單。

  5. [顯示] 底下,選取您希望使用者在頁面上看到的內容。

  6. [要顯示的欄位] 底下,選取要顯示值的欄旁的複選框。

    清單內容網頁元件窗格
  7. 選取頁面頂端的 [ 儲存並關閉 ]。

  8. 從您選擇的清單中選取項目來測試您的連線。 您應該會在清單屬性網頁元件中看到您指定的值。

  9. 當您準備好讓觀眾看到頁面時,請選取頁面右上角的 [ 重新發佈 ]。

根據其他清單或文檔庫中的選取範圍篩選清單

透過動態篩選,您可以根據另一個清單中選取的項目來篩選一份清單。 在下列範例中,[行銷檔] 庫會根據 [專案資訊] 清單中的選取範圍進行篩選。 系統會選取 [專案小組] 欄中的 [行銷] 值,因此只有行銷小組擁有的檔會顯示在 [行銷] 文檔庫中。

動態篩選的清單

方法如下:

  1. 在頁面上,選取 [編輯 並新增 列表網頁元件文檔庫網頁元件],然後選取含有您要篩選之值的清單或文檔庫。

  2. 新增另一個 清單網頁元件文檔庫網頁元件 ,然後選取包含您要篩選之資訊的清單或文檔庫。

  3. 選取您要篩選的清單或文件庫網頁元件,然後選取網頁元件上方 屬性圖示的螢幕快照。 編輯 屬性

  4. [動態篩選] 底下,將切換開關滑動到 [ 開啟 ] 位置。

  5. 選取要在 [您的列表名稱] 中的欄位欄中篩選的欄以進行篩選

  6. 包含篩選值的清單或文檔庫底下,選取您在步驟 1 中新增至頁面的清單或文檔庫。

  7. 包含篩選值屬性的欄底下,選取含有您要篩選依據之值的欄。

  8. 選取 [套用]

    使用章節開頭的範例影像,行銷文檔庫的動態篩選選項看起來會像這樣:

    文檔庫,其中開啟了動態篩選選項的窗格

  9. 完成後,請選取頁面頂端的 [ 儲存並關閉 ],或者如果您準備好讓觀眾看到頁面,請選取頁面右上角的 [ 重新發佈 ]。

Need more help?

Want more options?

探索訂閱權益、瀏覽訓練課程、瞭解如何保護您的裝置等等。

社群可協助您詢問並回答問題、提供意見反應,以及聆聽來自具有豐富知識的專家意見。