連接網頁組件中的資料

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

您可以使用 SharePoint 網頁組件中的功能表與按鈕,無須撰寫任何自訂程式碼即可建立資料連線。例如,您只要連線網頁組件,即可以呈現兩個網頁組件之資料的替代檢視。此外,您可以在兩個網頁組件之間執行相關計算,或使用另一個網頁組件中的值篩選網頁組件。您可以在一個頁面上使用所有連線,也可以使用與您的網站相容的網站設計程式 (例如 SharePoint Designer),在同一個頂層網站的不同頁面上,建立網頁組件之間的連線。

本文內容

網頁組件連線概觀

建立網頁組件連線

建立或變更兩個網頁組件之間的連線

完成您的網頁組件連線

移除兩個網頁組件之間的連線

常見的網頁組件連線類型

母片與詳細資料

摘要] 和 [詳細資料

父項與子項

搜尋及篩選

計算

替代的資料檢視

加強資料

網頁組件連線概觀

您可以藉由網頁組件連線,建立或改善網站的頁面。連線網頁組件之後,當您在其中一個網頁組件中執行動作時,即會變更另一個網頁組件的內容。

例如,您可以在員工清單檢視網頁組件與圖像網頁組件之間傳遞資料,將這兩個網頁組件連線起來。因為員工清單檢視網頁組件中有一欄為員工相片,所以每次在這個網頁組件中選取某一列時,即會看到該員工的相片顯示在圖像網頁組件中。

基本網頁組件連線

網頁組件連線是將資料從一個網頁組件傳遞至另一個網頁組件,並同步處理其行為的一種方式。

一個網頁組件會提供資料。

資料可以是清單、列、儲存格或參數值。

另一個網頁組件則會取得資料。

您可以在 [網頁組件] 功能表上,使用 [連線] 命令中的連線類型功能表,從任一網頁組件建立網頁組件連線。

附註: 您可以建立只會在同一個頁面上的網頁組件之間的連線。若要從其他網站或資料來源連線至資料的網頁組件,您可以新增資料檢視使用的網站設計程式,例如 SharePoint Designer。

例如 [一個網頁組件連線類型] 功能表命令可能會顯示提供列至] 和 [目標網頁組件連線類型] 功能表命令可能會顯示取得資料列來源。下表將說明您可能會看到 [連線] 功能表的常用命令。

在 [連線] 功能表上的命令

描述

傳送資料列至

您可以藉由將所選資料列傳送至其他網頁組件,以將清單檢視網頁組件連線至其他網頁組件。

在 [標準] 檢視中當您在連線清單檢視網頁組件時,就會自動新增選取項目] 欄。包含選項,可讓您將傳遞到其他網頁組件的列。您可以在 [標準] 檢視中一次選取只有一個資料列。某些資料欄,例如編輯欄、 是不適用於網頁組件連線。

在 [資料工作表檢視] 中,您可以選取多個資料列,但只有一個資料列傳遞到其他網頁組件。如果選取了多個資料列,包含作用儲存格的資料列會傳遞到其他網頁組件,並會略過其他所有資料列。您無法提供資料合計列或其他網頁組件的新資料列

透過此連線類型,可將多個網頁組件連線至清單檢視網頁組件。

取得參數值

此選項會將提供者網頁組件中某欄的參數,套用至使用者網頁組件的一欄。

取得篩選值來源

在標準及資料工作表檢視中,您可以將清單檢視網頁組件連接至其他網頁組件,以提供下列資訊:

  • 篩選清單檢視網頁組件中資料的一個或多個資料之成對欄名稱/值

  • 在清單檢視網頁組件中依遞增或遞減順序排序其資料的欄

透過此連線類型,僅可將一個其他網頁組件連線至清單檢視網頁組件。

您也可以建立使用的網站設計程式,例如 SharePoint Designer 兩個不同網頁組件頁面的網頁組件之間的連線。

頁面頂端

建立網頁組件連線

嘗試建立網頁組件之間的連接之前,請先完成下列三個步驟。

步驟 1︰ 決定您想要的頁面上,您可以使用哪些資料   
,通常有提供您要的資料的一或多個清單的網站上。清單呈現資料以表格格式。輕鬆修改並重新整理資料、 變更排序順序,請篩選的清單中,與彙總資料。您可以建立在您想要的格式顯示選取的資料檢視。使用檢視選擇器工具窗格中,您可以變更清單檢視網頁組件,只是想要的欄與搭配使用的檢視。若要建立檢視,從清單中,在 [清單工具] 功能區中按一下 [清單]建立檢視、 選取您要的檢視的格式,然後按一下然後選取您想要顯示的資料。

步驟 2︰ 將清單檢視網頁組件新增至頁面   
您可以新增清單至頁面為網頁組件新增至頁面。

步驟 3︰ 連線的網頁組件,以取得您想要的結果   
您可以建立只支援網頁組件連線的網頁組件之間的連線。支援網頁組件連線的網頁組件包含的清單檢視網頁組件、 表單網頁組件,與圖像網頁組件。

[網頁組件] 功能表上的 [連線] 功能表只會顯示您可以建立的連線類型,而可用的網頁組件功能表則只會顯示相容的網頁組件。完成步驟 1 與步驟 2 之後,不需要使用指令碼或程式碼,即可建立網頁組件連線。

頁面頂端

建立或變更兩個網頁組件之間的連線

您可以使用功能表及對話方塊來連接網頁組件、在網頁組件之間傳遞資料,以及同步處理各網頁組件的行為。

  1. 瀏覽至包含您想要連線之兩個網頁組件的頁面。

  2. [網站動作] 功能表 按鈕影像 上,按一下 [編輯頁面]

  3. 從任一網頁組件中,按一下 [網頁組件] 功能表。然後,指向 [連線],並指向您想要建立或變更,例如提供列至] 或 [取得排序/篩選,從連線的類型。按一下您要建立或變更連線的網頁組件名稱。

    附註: [網頁組件] 功能表可能不是啟用的或在頁面上顯示幾個原因。下列原因包括網頁組件或區域連線,在瀏覽器不相容或已停用的連線不支援您

    不同的網頁組件頁面及不同的網頁組件之間,可能會有不同的連線類型子功能表。發生此情況的原因包括:網頁組件頁面、網頁組件或網頁組件區域各有不同的屬性設定;頁面上網頁組件的相容性;或各網頁組件是否具有相容的連線類型。

對於某些網頁組件連線而言,您可能必須在 [設定連線] 對話方塊中選取其他資訊。例如,您可能必須選取您想要使用的連線類型或是要篩選的欄。此外,視其中一個或兩個網頁組件建立方式的不同,您可能會看到網頁組件連線之特有的其他對話方塊。

提示: 您可以隱藏網頁組件的秘訣。例如,您可能會想要用來提供資料給另一個網頁組件,但不是想要顯示。

附註: 只有可連線的網頁組件才會出現在提供的網頁組件功能表上。頁面上的其他網頁組件可能不支援連線,或是可能不支援與目前網頁組件的連線。此外,您的網站可能超過了特定連線的數目限制。

頁面頂端

完成網頁組件連線

當您建立網頁組件之間的初始連線時,[設定連線] 對話方塊隨即出現。您可以從此對話方塊,對應取得資料的網頁組件與提供資料的網頁組件之間的欄。

附註: 您建立的連線或許正確,但不一定具有意義。例如,提供資料的網頁組件可能有一個產品識別碼欄,而取得資料的網頁組件可能有一個員工識別碼欄。雖然您可以對應這兩個不同識別碼的值,但其結果不具有任何意義。

下列清單提供一些常見的網頁組件連線範例:

比對一列的儲存格或儲存格的其他網頁組件中的資料欄位的一個網頁組件中的資料   
您從連線的網頁組件為連絡人清單檢視網頁組件。在 [清單] 檢視中的資料行是包含一部分的相片,其中包含該連絡人的圖片 URL 的超連結的資料行。您連線至圖像網頁組件,可以顯示含有圖片的 URL。您必須提供正確的相符項目圖像網頁組件的 [連絡人網頁組件中選取 [相片] 欄。

對應到另一個網頁組件中的資料欄的一個網頁組件中的資料列,好讓您可以篩選   
您從連線的網頁組件會包含訂單資料清單檢視網頁組件。在 [清單] 檢視中的資料行是包含項目,稱為OrdersDetailsID的欄。您連線至另一個清單檢視網頁組件有多個資料行包含 [訂單詳細資料。以下是稱為OrdersDetailsID相符的資料行。若要連接兩個網頁組件,以便中,選取順序一個網頁組件,其他網頁組件以顯示訂單的每個列項目。您必須符合OrdersDetailsID資料行中每個網頁組件。

附註: 欄的名稱不一定要相同,但是其中的基礎資料必須互相對應或是具有相同的值。

頁面頂端

移除兩個網頁組件之間的連接

  1. 開啟頁面。

  2. 在 [網站動作] 功能表 按鈕影像 中,按一下 [編輯頁面]。

  3. 選取您要移除連線的其中一個網頁組件。

  4. 按一下 [網頁組件] 功能表指向 [連線],然後指向您想要移除,例如提供列至] 或 [取得排序/篩選,從連線的類型。

  5. 然後按一下您要移除連線的網頁組件名稱。

    附註: 您所選取的每一個網頁組件,如果已啟用連線,其連線子功能表上就會出現核取符號。如果沒有看到核取符號,就表示沒有啟用任何連線。

  6. 按一下 [設定連線] 對話方塊中的 [移除連線]

  7. 當畫面上出現提示,請您確認要移除網頁組件之間的連線時,按一下 [確定]

一般的網頁組件連線類型

在頁面上合併及連線網頁組件有許多種方式。您可以在頁面上建立其中數種網頁組件連線。下列案例說明網頁組件之間的一般資料連線類型。

主清單及詳細資料

您有一份資料的主清單,且必須顯示與這份主清單相關的詳細資訊。

主清單及詳細資料範例

  1. 員工基本資料網頁組件包含基本且常用的員工資料,例如識別碼、姓名及職稱。

  2. 若要查詢員工的詳細資料,請選取該員工的資料列。

  3. 該列會傳遞至另一個網頁組件。

  4. 在員工詳細資料網頁組件中,會以表單形式顯示所有的員工詳細資料。

在清單檢視網頁組件中,您還可以排序及篩選大型的清單,以有助於快速找到該名員工,再選取相關的資料列。若詳細資料非常冗長,也可以將員工詳細資料網頁組件顯示在另一個頁面上。

頁面頂端

摘要及詳細資料

您有一份資料的摘要清單,且必須顯示產生這些摘要資料的詳細資訊。

摘要清單及詳細資料範例

  1. 本年度至今薪資單網頁組件包含您的薪資資訊。

  2. 選取目前累計休假及病假天數的相關摘要資訊。

  3. 該摘要資訊會傳遞至另一個網頁組件。

  4. 在顯示每週資料的薪資明細表網頁組件中,確認已記載所顯示的資料。

頁面頂端

父資料及子資料

您顯示了一份資料清單 (父資料),其中每一列都有一個或多個相關的列 (子資料),您想要將那些相關的資料列顯示在另一份清單中。

父資料及子資料範例

  1. 訂單網頁組件提供一份最近客戶訂單的清單。

  2. 按一下包含您要檢視之訂單的那一列。

  3. 該列會傳遞至另一個網頁組件。

  4. 在訂單詳細資料網頁組件中,會顯示該筆訂單的所有細項。

頁面頂端

搜尋及篩選

您想要在一個網頁組件中輸入資料 (例如搜尋或篩選準則),並將結果顯示在另一個網頁組件中。

搜尋及篩選範例

  1. 在書籍搜尋網頁組件中,輸入書籍資訊 (例如書名、作者及主題),以便嘗試找到這本書或這套書。

  2. 按一下 [提交]

  3. 該搜尋準則會傳遞至另一個網頁組件。

  4. 書籍清單網頁組件會顯示符合搜尋準則的一本或多本書。

頁面頂端

計算

雖然您通常可以在網頁組件內計算資料,但是有時候可能會想要合併兩個網頁組件,讓計算變得更有彈性。

計算範例

  1. 在貸款期數網頁組件中輸入貸款期數。

  2. 按一下 [GO]

  3. 該貸款期數會傳遞至另一個網頁組件。

  4. 貸款計算表網頁組件會計算貸款金額並顯示每月還款時程。

頁面頂端

替代資料檢視

以數種不同的方式檢視資料,有助於您了解資料的隱含意義、發展趨勢及關聯性。您可以從一個網頁組件傳遞清單、資料列及儲存格 (或是欄位及參數),並於替代檢視中加以顯示。

清單的替代檢視

您想要在階層圖表中顯示公司的所有員工。

清單資料的替代檢視

  1. 員工網頁組件會顯示公司內每位員工的員工識別碼、姓名、職稱及主管識別碼。

  2. 由於您會使用所有的資料,因此不需要進行選取。

  3. 所有資料都會傳遞至另一個網頁組件。

  4. 組織圖網頁組件會顯示員工之間的工作關係,而且可以顯示此階層的替代檢視。

    的資料列的替代檢視

您想要以圖表來檢視某一列人口統計資料,例如圓形圖或橫條圖。

列資料的替代檢視

  1. 人口統計資料網頁組件會顯示人口統計資料,例如年齡、收入及遺產。

  2. 選取一列人口統計資料。

  3. 將該資料傳遞至另一個網頁組件。

  4. 圖表網頁組件會以圓形圖或橫條圖來顯示這列資料。

    一個儲存格的替代檢視

您想要追蹤募款活動的整體進度。

儲存格資料的替代檢視

  1. 在基金募集網頁組件中,每位團體中的成員都會輸入其所募得的金額。

  2. 目前的總金額會顯示在總計欄位中。

  3. 總計欄位會傳遞至另一個網頁組件。

  4. 在善款目標網頁組件中可查看您所屬小組的整體進度。

頁面頂端

資料加強

您想要加強人員及地點的基本資料,使其變得更有趣、更吸引人,而且更有用。

資料加強範例

  1. 連絡人網頁組件會顯示您必須追蹤的工作伙伴資訊,例如姓名、地址或者是相片。

  2. 選取連絡人。

  3. 該列資料會傳遞至另一個網頁組件。

  4. 您會看到連絡人的相片顯示在圖像網頁組件中,然後在地圖網頁組件中找到這位連絡人的公司地址。

頁面頂端

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×