連線網頁組件中的資料

本文內容

• 網頁元件連線概覽

• 建立網頁元件連線

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

• 在 [設定連線] 對話方塊中完成網頁元件連線

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

• 網頁元件連線的常見類型

網頁元件連線概覽

您可以使用網頁元件連線來建立或增強您的網頁元件頁面。 您可以連接網頁元件, 以便在單一網頁元件中執行動作時, 會變更其他網頁元件的內容。

例如, 您可以透過在兩個網頁元件之間傳遞資料, 將員工清單視圖網頁元件連線至圖像網頁元件。 每當您在 [員工清單] 視圖網頁元件中選取包含該雇員圖片之欄的資料列時, 您就可以看到顯示在影像網頁元件中的圖片。

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

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

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

4. 其他網頁元件會取得資料。

您可以使用 [網頁元件] 功能表上的 [連接類型] 子功能表, 從其中一個網頁元件建立網頁元件連線。 例如, 如果一個網頁元件的連線類型子功能表命令指示 [提供列至], 則其他網頁元件的連線類型子功能表命令會顯示 [取得列來源]。

您不僅可以在同一個網頁元件頁面上建立網頁元件連線, 還可以使用與 Microsoft Windows SharePoint 相容的 Web 設計程式, 在同一頂層網站的兩個不同網頁元件頁面上建立網頁元件之間的連線[服務], 例如 [ Office SharePoint Designer 2007]。

頁面頂端

建立網頁元件連線

使用網頁元件連線建立網頁元件頁面的過程分為三個步驟。

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

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

1. 開啟 [網頁元件] 頁面。

2. 在 [網站動作] 功能表 上，按一下 [編輯頁面]。

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

4. 從其中一個網頁元件, 按一下 [網頁元件] 功能表 , 指向 [連線], 指向您要建立或變更的連線類型 (例如 [提供列至] 或 [從以下位置取得排序/篩選]), 然後按一下 wh 的網頁元件名稱。要建立或變更連線的 ich。

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

   [ 連線]子功能表上的命令	描述
   提供列至	您可以透過將選取的資料列傳送到其他網頁元件, 將清單視圖網頁元件連線到另一個網頁元件。 視其他網頁元件建立及取得資料的方式而定, 其他網頁元件可能會顯示列資料, 或使用列資料做為篩選或參數值。 在 [標準模式] 中, 當您連線 [清單] 視圖網頁元件時, 系統會自動新增包含選項按鈕的 [選取專案] 欄, 因此您可以指出要傳送給其他網頁元件的列。 您在標準檢視中一次只能選取一列。 有些欄 (例如 [編輯] 欄) 無法用於網頁元件連線。 在 [資料工作表] 視圖中, 您可以選取多個資料列, 但只有一個資料列會傳遞到其他網頁元件。 如果選取了多個資料列, 包含作用中儲存格的資料列會傳遞到其他網頁元件, 而所有其他資料列則會被忽略。 您無法將 [合計列] 或 [新列] 中的資料提供給其他網頁元件。 使用這種連線類型, 您可以將多個網頁元件連線至清單視圖網頁元件。
   提供資料至	您可以將清單視圖網頁元件連線到另一個能搭配清單資料使用的網頁元件。 在這種情況下, 清單視圖網頁元件是其他網頁元件的資料來源。 在 [標準] 和 [資料工作表] 視圖中, 只有視圖中的資料會提供給其他網頁元件。 使用這種連線類型, 您可以將多個網頁元件連線至清單視圖網頁元件。
   取得排序/篩選，從	在標準和資料工作表視圖中, 您可以將清單視圖網頁元件連線到另一個網頁元件, 以提供下列資訊: 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. 您會看到連絡人的相片顯示在影像網頁元件中, 然後在地圖網頁元件中找出該連絡人的公司位址。

頁面頂端