新增一個資源庫控制項到您的應用程式,以顯示來自任一資料來源的項目清單。 本主題使用 Excel 做為資料來源。 設定資源庫控制項,使其只顯示文字輸入控制項中符合篩選準則的項目,以篩選清單。

必要條件

新增資源庫控制項

  1. 開啟 PowerApps,然後按一下或點選接近左邊緣的 [新增]。

  2. 在 [空白應用程式] 圖格上,按一下或點選 [手機配置]。

  3. 在 [歡迎使用 PowerApps Studio] 對話方塊中,按一下或點選 [略過]。

  4. 新增連線至 Excel 檔案中的 FlooringEstimates 資料表。

  5. (選擇性) 將資源庫控制項新增至預設畫面,方法是按一下或點選 [插入] 索引標籤,並按一下或點選 [資源庫],然後按一下或點選空的 (空白) 或包含一組預設控制項的資源庫控制項。

    這些選項包括水平或垂直捲動的資源庫控制項。 您也可以新增資源庫控制項,自動根據每個項目中的內容量來調整其大小。

    新增資源庫

  6. 在 [常用] 索引標籤上,按一下或點選 [新增畫面]。

    您可以新增空白、可捲動、包含資源庫控制項或包含表單的畫面。

  7. 按一下或點選 [清單畫面],新增包含資源庫控制項和其他控制項 (例如搜尋列) 的畫面。

    注意:不論將資源庫控制項新增至新畫面還是現有畫面,您都可以按一下或點選接近資源庫控制項底端來選取它,在右側窗格中按一下或點選 [地板估價],然後在 [資料] 窗格中按一下或點選不同的版面配置。 在本教學課程中,請保留預設版面配置。

    選擇資源庫版面配置

  8. 按一下或點選您剛才新增之畫面中的資源庫控制項。

  9. 在右側窗格的 [屬性] 索引標籤中,按一下或點選 [CustomGallerySample]。

  10. 在 [資料] 窗格中,按一下或點選 [CustomGallerySample],然後按一下或點選 [FlooringEstimates]。

    選取資料來源

    資源庫控制項會顯示範例資料。

    顯示資料

    您將在本主題稍後設定排序和搜尋。

將一個控制項新增到資源庫控制項

請先決定資源庫控制項版面配置,再進行任何自訂。 資源庫控制項中的第一組控制項是範本,用來決定如何顯示資源庫控制項中的所有資料。

  1. 按一下或點選接近資源庫控制項底端,然後按一下或點選左上角的鉛筆圖示,來選取範本。

    編輯資源庫範本

  2. 在範本仍為選取狀態時,新增標籤控制項,然後加以移動並重新調整大小,使它與範本中的其他控制項不會重疊。

    新增標籤

  3. 開啟 [資料] 窗格,方法是選取範本,然後在右側窗格中按一下或點選 [地板估價]。

  4. 選取您稍早在此程序中新增的標籤,然後開啟 [資料] 窗格中的反白顯示清單。

    開啟下拉式清單

  5. 在該清單中,按一下或點選 [價格]。

    變更標籤繫結

    資源庫控制項會顯示新值。

最終的資源庫

篩選資源庫控制項

資源庫控制項的 Items 屬性決定哪些項目會顯示。 在此程序中,您設定該屬性,使資源庫控制項只顯示產品名稱中包含 TextSearchBox1 中之文字的項目。

文字搜尋方塊

  1. 選取資源庫控制項,方法是按一下或點選該控制項底部附近。

  2. 在 [進階] 索引標籤上,將資源庫控制項的 Items 屬性設定為以下公式︰

    If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name)))

    如需這個公式中函式的詳細資訊,請參閱公式參考

  3. 在搜尋方塊中輸入部分或全部的產品名稱。

    資源庫控制項只會顯示符合篩選準則的項目。

排序資源庫控制項

資源庫控制項的 Items 屬性決定項目顯示順序。 在此程序中,您設定該屬性,使資源庫控制項顯示的項目順序如同 ImageSortUpDown1 的設定。

排序的影像

  1. 資源庫控制項的 Items 屬性設定為以下公式︰

    Sort(If(IsBlank(TextSearchBox1.Text), FlooringEstimates, Filter(FlooringEstimates, TextSearchBox1.Text in Text(Name))), Name, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

  2. 選取排序圖示,將資源庫控制項的排序順序變更為依產品名稱。

若要排序並篩選您的資源庫控制項:

  • 以您的資料來源名稱,取代此公式中的兩個 DataSource 執行個體。
  • 以您想用來排序和篩選的欄名稱,取代兩個 ColumnName 執行個體。

Sort(If(IsBlank(TextSearchBox1.Text), DataSource, Filter( DataSource, TextSearchBox1.Text in Text( ColumnName ))), ColumnName, If(SortDescending1, SortOrder.Descending, SortOrder.Ascending))

反白顯示選取的項目

資源庫控制項的 TemplateFill 屬性設定為類似此範例的公式:

If(ThisItem.IsSelected, LightCyan, White)

變更預設的選取項目

資源庫控制項的 Default 屬性設定為您想要預設選取的記錄。 例如,指定 FlooringEstimates 資料來源中的第五個項目:

Last(FirstN(FlooringEstimates, 5))

在此範例中,您可以指定 FlooringEstimates 資料來源之 Hardwood 類別中的第一個項目:

First(Filter(FlooringEstimates, Category = "Hardwood"))

後續步驟