當你 在網站上新增現代頁面時,你就是新增並自訂網頁部分,這些是你頁面的基石。 你可以將多個網頁部分彼此連結,為頁面瀏覽者創造互動且動態的體驗。 例如,你可以將文件庫的網頁部分連接到檔案與媒體的網頁部分。 當使用者在文件函式庫列表中點擊檔案名稱時,檔案檢視器會顯示該檔案的內容。 或者,將清單屬性的網頁部分連接到一個包含大量資訊的清單網頁部分,只顯示特定資訊。
注意
- 部分功能會逐步引入給已選擇加入 目標發布計畫的組織。 這表示您可能還無法看到此功能,或看起來可能與說明文章中描述的不一樣。
- 本文中的網頁部分無法在經典頁面上使用。
你可以連接的網頁部分包括:List properties 網頁部分以及 File and Media 網頁部分。 以下是一些使用這些連結網路部分的範例。
- 根據使用者在文件庫中選擇的檔案顯示檔案 (將檔案與媒體網頁部分連結到文件庫的網頁部分)
- 根據使用者在清單網頁部分中選擇的項目,顯示清單中的項目 (將清單屬性網頁部分連接到清單網頁部分)
- 根據其他清單或函式庫中的選擇來篩選清單
根據使用者在文件庫中選擇的檔案顯示檔案 (將檔案與媒體網頁部分連結到文件庫網頁部分)
在此範例中,使用者可以在不離開頁面、且不必打開每個檔案的情況下,瀏覽行銷文件庫並查看所選檔案的內容。
方法如下:
在你的頁面上,新增一個包含你想使用的文件 庫網頁部分 ,並新增 一個檔案與媒體網頁部分。
注意
如果你第一次新增「檔案與媒體」網頁部分,「最近文件」窗格會打開。 在這個窗格右下角選擇 取消 。
選擇編輯屬性 檔案與媒體網頁部分上方
。在屬性面板右上角選擇省略號 (......) ,然後選擇 「連接至來源」。
在 「連接來源」下拉選單中選擇你想使用的文件庫。
選擇窗格頂端的 X 鍵來關閉它。
選擇 儲存並關閉 頁面頂端。
從你選擇的文件庫中選擇文件來測試你的連線。 你應該會在檔案與媒體網頁部分看到該文件。
當你準備好讓讀者看到該頁面時,請在頁面右上角選擇 「重新發布 」。
根據使用者在清單網頁部分中選擇的項目,顯示清單中的項目 (將清單屬性網頁零件連接到清單網頁零件)
當你擁有一個包含多欄的龐大清單時,使用者可能很難找到他們想要的特定資訊。 透過清單屬性網頁部分,使用者可以從清單網頁部分選擇項目,並只看到您指定的 (s 值) 。 以下範例中,List 網頁部分包含區域辦公室的清單。 當使用者從清單中選擇項目時,清單屬性網頁部分只會顯示 Office 名稱和銷售資料。
方法如下:
在你的頁面上,加入一個包含你想使用的清單的 清單網頁部分 ,然後再新增 一個清單屬性網頁部分。
選擇 「編輯屬性」圖示
。位於「清單屬性」網頁部分上方。在屬性面板右上角選擇省略號 (......) ,然後選擇 「連接至來源」。
在 「連接來源」中,從下拉選單選擇你想使用的清單。
在 「展示」中,選擇你希望使用者在你的頁面上看到的內容。
在 「要顯示欄位」中,選擇你想顯示數值欄位旁的勾選框。
選擇 儲存並關閉 頁面頂端。
從你選擇的清單中選擇一項項目來測試連線。 你應該會在 List 屬性網頁部分看到你指定的值。
當你準備好讓讀者看到該頁面時,請在頁面右上角選擇 「重新發布 」。
根據其他清單或函式庫中的選擇來篩選清單
透過動態篩選,你可以根據另一個清單中的選擇來篩選一個清單。 在以下範例中,行銷文件函式庫會被專案資訊列表中的選取所篩選。 選取專案團隊欄位中的「行銷」值,因此行銷文件庫中僅顯示行銷團隊擁有的文件。
方法如下:
- 在你的頁面上 ,選擇編輯 並新增 清單網頁部分 或 文件函式庫網頁部分,然後選擇你想篩選的值清單或函式庫。
- 新增另一個 清單網頁部分 或 文件函式庫網頁部分 ,並選擇包含你想篩選資訊的清單或函式庫。
- 選擇你想篩選的清單或函式庫網頁部分,並選擇屬性圖示的 「編輯屬性
位於網頁部分上方。 - 在 動態濾波中,將切換桿滑到 開啟 位置。
- 在 欄位 [你的列表名稱] 中選擇你想篩選的欄位 [你的列表名稱]。
- 在 包含篩選器的清單或函式庫中,選擇你在步驟 1 中新增到頁面的清單或函式庫。
- 在 包含篩選器值屬性的欄位中,選擇包含你想要篩選的值的欄位。
- 選取 [套用]。
使用章節開頭的範例圖片,行銷文件庫的動態篩選選項會呈現如下:
- 完成後,選擇頁面頂端的 「儲存並關閉 」,或者如果你準備好讓讀者看到該頁面,則在頁面右上角選擇 「重新發布 」。