連接網頁組件中的資料

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

在許多產品與技術中,連接不同資料來源的資料集是一項具有挑戰性且需要程式設計技巧的工作。不過,您可以使用網頁組件內的功能表及按鈕,不必撰寫任何自訂程式碼即可建立資料連線。例如,只要連接網頁組件,就可以在不同的檢視中呈現兩個網頁組件中的資料、在兩個網頁組件之間執行相關計算,以及使用一個網頁組件中的值篩選另一個網頁組件的資料,這些全部都可以在一個網頁組件頁面上完成。

本文內容

網頁組件連線概觀

建立網頁組件連線

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

完成設定連線] 對話方塊中的網頁組件連線

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

常見的網頁組件連線

網頁組件連線概觀

您可以藉由網頁組件連線來建立或加強網頁組件頁面。連接網頁組件之後,當您在其中一個網頁組件中執行動作時,就會自動變更另一個網頁組件的內容。

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

基本網頁組件連線

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

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

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

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

您可以在 [網頁組件] 功能表上,使用 [連線] 命令中的連線類型子功能表,從其中任何一個網頁組件建立網頁組件連線。例如,如果一個網頁組件的連線類型子功能表命令是 [提供列至],則另一個網頁組件的連線類型子功能表命令就是 [取得列從]

您不僅可以在同一個網頁組件頁面上建立網頁組件連線,也可以使用與 Microsoft Windows SharePoint Services 相容的網站設計程式 (例如 Microsoft Office SharePoint Designer 2007) 在同一個頂層網站中兩個不同網頁組件頁面上的網頁組件之間建立連線。

頁面頂端

建立網頁組件連線

建立含有網頁組件連線的網頁組件頁面是包含三個步驟的程序。

步驟 1:決定可在網頁組件頁面上使用的資料

通常會有一個或多個清單檢視網頁組件提供您要的資料。清單會以表格形式呈現資料,而且不論是修改及更新資料、變更排序順序、篩選清單中的資料,或是彙總資料,都很簡單。您可以使用工具窗格中的檢視選擇器,變更清單檢視網頁組件的檢視,以便只使用您需要的欄。

步驟 2:新增網頁組件至網頁組件頁面

大部分清單都可以當做網站網頁組件庫中的清單檢視網頁組件來使用,其他的網頁組件則通常放在您具有存取權的其他網頁組件庫中。有時候,您可能需要從其他網站匯入您感興趣或覺得有用的網頁組件。您也可以在外部網站上搜尋網頁組件,然後要求網站管理員將其安裝在您的網站上。例如,您可以在 Microsoft Office SharePoint Server 2007 Web 元件目錄中或其他軟體廠商的網站上尋找網頁組件。經過一段時間之後,您的網頁組件庫就會越來越豐富,可符合您本人及組織的各項需求。

步驟 3:連接網頁組件以取得您要的結果

您只能在支援網頁組件連線的網頁組件之間建立連線。支援網頁組件連線的網頁組件包括清單檢視網頁組件、表單網頁組件及圖像網頁組件。[網頁組件] 功能表上的 [連線] 子功能表只會顯示您可以建立的連線類型,而可用的網頁組件子功能表則只會顯示相容的網頁組件。完成步驟 1 及步驟 2 之後,決策過程很簡單,不需要知道如何撰寫指令碼或程式碼即可建立網頁組件連線。

附註: 您只能在位於同一個網頁組件頁面上的網頁組件之間建立連線。若要將網頁組件連接至其他網站或資料來源的資料,請使用與 Microsoft Windows SharePoint Services 相容的網站設計程式 (例如 Office SharePoint Designer 2007) 來新增資料檢視。

頁面頂端

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

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

  1. 開啟網頁組件頁面。

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

  3. 決定您要連接的兩個網頁組件。您可以從其中任何一個網頁組件開始建立或變更相同的連線。

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

    [連線] 子功能表上命令的說明

    在命令 連線 ] 子功能表

    描述

    提供列至

    您可以藉由將所選資料列傳送到另一個網頁組件,以將清單檢視網頁組件連線至其他網頁組件。根據其他網頁組件的建立及取得資料方式,其他網頁組件可能顯示列資料,或將列資料用作篩選或參數值。

    在標準檢視中,當您連線至清單檢視網頁組件時,會自動新增一個包含選項按鈕的 [選取項目] 欄,以便您指出要傳送至其他網頁組件的列。您在標準檢視中一次只能選取一列。某些欄 (例如 [編輯] 欄) 無法用於網頁組件連線中。

    在資料工作表檢視中,您可以選取多個列,但只會傳送一列至其他網頁組件。若選取了多列,則會將內含作用儲存格的列傳送至其他網頁組件,並忽略其他所有列。您無法將 [合計列][新增列] 中的資料,提供給其他網頁組件。

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

    提供資料至

    您可以將清單檢視網頁組件連線至另一個具有清單資料的網頁組件。在此情況下,清單檢視網頁組件為其他網頁組件的資料來源。

    在標準與資料工作表檢視中,僅將檢視裡的資料提供給其他網頁組件。

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

    取得排序/篩選,從

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

    1.一或多個資料行名稱 / 值組資料的篩選清單檢視網頁組件中的資料。

    2.資料欄來排序資料,依遞增或遞減順序清單檢視網頁組件中。

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

    [網頁組件] 功能表未啟用或未顯示在網頁組件頁面上可能有幾個原因,包括:網頁組件或區域不支援連線、您使用的瀏覽器與 Windows SharePoint Services 不相容,或是網站上的連線已停用。

  5. 對某些網頁組件連線而言,您可能必須在 [設定連線] 對話方塊中選取其他資訊。例如,您可能必須選取想要使用的連線類型或是要用來篩選資料的欄。此外,根據其中一個或這兩個網頁組件的建立方式,您可能會看到一些網頁組件連線特有的其他對話方塊。如需任何自訂網頁組件的詳細資訊,請參閱 [說明] 資訊。

    提示: 若想要透過網頁組件連線,使用網頁組件提供資料給另一個網頁組件,但不想要顯示該網頁組件,則可隱藏網頁組件。

    附註: 

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

    • 只有可連接的網頁組件才會出現在可用的網頁組件子功能表中。網頁組件頁面上的某些網頁組件可能不是設計用來建立連線,有些網頁組件可能不支援與目前的網頁組件建立連線,或者可能目前已超過某些連線限制。

頁面頂端

完成設定連線] 對話方塊中的網頁組件連線

請使用 [設定連線] 對話方塊,在取得資料的網頁組件與提供資料的網頁組件之間對應欄。

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

請在 [欄] 清單方塊中,從取得資料的網頁組件、提供資料的網頁組件,或同時從這兩個網頁組件中選取欄。

下列是常見的範例:

  • 比對一列的儲存格或儲存格的其他網頁組件中的資料欄位的一個網頁組件中的資料   

    您要開始連接的網頁組件是「連絡人」清單檢視網頁組件。此清單檢視的其中一欄包含名稱為 [相片] 的超連結,內容是連絡人相片的 URL。您要建立連線的對象是圖像網頁組件,它只能顯示包含相片的 URL。您必須從「連絡人」網頁組件中選擇 [相片] 欄,才能為圖像網頁組件提供正確的對應。

  • 比對另一個網頁組件中的資料欄的一個網頁組件中的資料列,好讓您可以進行篩選   

    您要開始連接的網頁組件是包含訂單資料的清單檢視網頁組件。此清單檢視的其中一欄包含名稱為 [OrdersDetailsID] 的細項。您要建立連線的對象是另一個清單檢視網頁組件,其中有幾欄包含訂單詳細資料,而其中的一欄就是名稱為 [OrdersDetailsID] 的對應欄。若要連接這兩個網頁組件,使得當您在一個網頁組件中選取訂單時,就會將該筆訂單的各個細項顯示在另一個網頁組件中,您必須使這兩個網頁組件中的 [OrdersDetailsID] 欄相互對應。

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

頁面頂端

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

  1. 開啟網頁組件頁面。

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

  3. 從您要移除連線,請按一下 [網頁組件] 功能表 [網頁組件] 功能表 ,指向 [連線的網頁組件的其中一個項目,指向您想要移除的連線類型,例如,提供列至取得排序/篩選,從,然後按一下您要移除連線的網頁組件名稱。

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

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

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

頁面頂端

一般的網頁組件連線類型

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

母片與詳細資料

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

主清單及詳細資料範例

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

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

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

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

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

摘要] 和 [詳細資料

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

摘要清單及詳細資料範例

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

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

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

4.  在顯示每週資料的「薪資單詳細資料」網頁組件中,根據其中記載的各週資料回想並確認其是否正確。

父項與子項

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

父資料及子資料範例

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

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

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

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

搜尋及篩選

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

搜尋及篩選範例

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

2.  按一下 [送出]。

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

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

計算

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

計算範例

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

2.  按一下 [開始]。

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

4.  「貸款計算表」網頁組件會計算貸款金額並列出每月還款時程。

資料檢視

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

清單的替代檢視

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

清單資料的替代檢視

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

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

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

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

列的替代檢視

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

列資料的替代檢視

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

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

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

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

儲存格的替代檢視

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

儲存格資料的替代檢視

1.  在「募款」網頁組件中,每位群組成員都會輸入他所募得的金額。

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

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

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

加強資料

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

資料加強範例

1.  「連絡人」網頁組件會顯示您需要追蹤的企業組織資訊,例如名稱、地址,或許也需要相片。

2.  選取連絡人。

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

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

頁面頂端

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×