新增清單

清單是一種資料驅動的設定,可在無需開發人員在入口網站中顯示格線的情況下,呈現記錄清單。 清單使用 Dataverse 視圖來在入口網站上顯示紀錄。

在 Power Pages 網站上,清單以網格視圖顯示資料。 你可以從 Dataverse 表格視圖在頁面上建立清單。 使用 資料工作區 或 在 Power Apps 中建立的模型導向應用程式 來建立 Dataverse 資料表檢視。 在頁面或 表單 中使用它們,建立完整的網頁應用程式。

Tip

想了解如何使用 Power Pages、建立檢視圖以及將清單加入頁面,請參見教學:將清單加入頁面。

若要新增清單:

  1. 打開 設計工作室 來編輯頁面的內容和組件。

  2. 選取要編輯的頁面。

  3. 選擇你想加入清單元件的區塊。

  4. 將滑鼠移到任何可編輯的畫布區域,然後從元件面板選擇 清單 圖示。

    新增元件功能表選項。

    「 新增清單 」視窗會打開。

  5. 選擇建立新清單或選擇現有清單,然後選擇 確定。

    Note

    現代列表是新建立網站的預設清單體驗。 要使用經典名單體驗,請關閉 現代名單 切換。

    • 如果你選擇建立新清單,新增 清單 視窗會打開到 「設定 」標籤。
    • 如果你使用現有清單,會被導向到頁面工作區中顯示的清單。 選擇清單,並選擇元件上方的 「編輯清單 」按鈕,即可在 「新增清單 」視窗中存取設定選項。 你也可以在編輯清單時選擇將清單改成現代清單。

現代列表

現代清單是新建立的 Power Pages 網站的預設清單體驗。 它帶來煥然一新的外觀、更佳的載入與導航,以及更強的造型能力。

當你將清單加入新建立的網站時,該清單預設會使用現代體驗。 要使用經典清單體驗,新增或編輯清單時請關閉 現代清單 切換。

  • 閃爍載入 - 在從資料來源取得資料時會顯示載入動畫。
  • 無限捲動 - 使用者捲動時,內容會自動載入頁面底部。
  • 內嵌篩選 器 - 篩選器會自動套用到清單檢視中的所有欄位。
  • 樣式選項 - 自訂背景與字型顏色、加入交替行色,以及調整邊界與填充。

Tip

你可以將一個現代列表的樣式複製到網站中的其他現代列表,讓設計體驗在各頁面間保持一致。

列出你的清單

在 設定 區塊中指定每個欄位的數值。 在「新增清單」視窗中選擇「設定選單」標籤以完成此步驟。

清單 描述
選擇表格 視圖載入資料所來自的資料表名稱。
選取 Dataverse 檢視 要呈現的目標表格視圖。 若要修改檢視中的欄位,請存取資料工作區。
列出你的名單 清單的名稱。

選擇清單操作

透過設定清單動作,指定要對清單執行的動作。 這些動作列在「新增清單」視窗的動作選單標籤下。 對於這些選項,你也可以透過編輯 顯示標籤 欄位來更改預設按鈕標籤。

Data 描述
建立新記錄 允許使用者建立新紀錄。 選擇包含新紀錄的目標網頁、表單或網址。
下載清單內容 允許使用者將清單內容下載到一個 *.xlsx 檔案中。
檢視詳細資料 允許使用者查看詳細資訊。 選擇包含詳細資訊的網頁、表單或網址。
編輯記錄 允許使用者編輯紀錄。 選擇包含記錄細節的網頁、表單或網址進行編輯。
刪除記錄 允許使用者刪除該紀錄。

指定更多選項

你可能還想進一步自訂你的清單選項。 請從新增清單視窗的「更多選項」標籤,為你的清單設定更多選項。

Settings 描述
每頁記錄數 只適用於經典列表。 決定每頁顯示多少紀錄。 若表格包含更多紀錄,則會出現導覽控制項,讓使用者能查看下一組或上一組記錄。 現代列表使用無限滾動,因此開啟 現代列表 時無法使用此選項。
啟用清單中的搜尋 開啟清單的搜尋功能。 在搜尋欄中加入預留位置文字。

Note

啟用 資料表權限 ,確保使用者能查看清單上的資料。

你也可以使用 入口管理應用程式來指定更多選項。

複製清單

在設計工作室的 頁面 工作區,你可以選擇清單元件上的省略號(...),以複製清單、在區塊內上下移動,或刪除清單。

清單篩選

創作者可以從設計工作室為他們的 Power Pages 網站新增清單篩選功能。

篩選類型

你可以在 Power Pages Studio 內設定入口管理應用程式支援的所有類型元資料篩選器。 每種濾鏡類型都有簡化名稱,與其視覺化相符。 創作者在設計工作室內操作清單元件時,也能編輯或刪除篩選條件。

濾波器視覺化 描述
文字 透過文字框篩選清單,搜尋指定資料表屬性中的匹配文字。
勾選框、下拉選單與無線電按鈕 創作者可以選擇勾選框、下拉選單和單選按鈕作為篩選器的視覺化方式。 當製作者選擇欄位後,會有更多篩選選項來設定。 這些選項會依欄位的資料類型而異。
Custom 透過 FetchXML 過濾條件來過濾清單。 當創作者選擇自訂時,會出現一個文字框。 Maker 在此欄位輸入他們的 XML 陳述。

新增清單過濾器

要新增清單篩選器,請選擇你先前新增並設定的清單元件。

  1. 從工具列中選擇 新增篩選 選單項目。

    Pages 工作區內的清單工具列,其中醒目標示「新增篩選」選單項目。

    頁面工作區會顯示一個彈出視窗,並提供列表篩選選項。

    Pages 工作區中的「新增篩選器」彈出式視窗。

  2. 從下拉選單的 類型標籤下選擇你想使用的篩選器類型。

  3. 從下拉選單的欄位標籤下選擇你想篩選的欄位。

    Note

    工作室會顯示創作者根據所選篩選類型和欄位篩選資料的不同選項。

  4. 選擇 確定按鈕 以儲存您的選擇。

  5. 套用篩選器後,你可以在設計工作室中選擇 「編輯篩選器 」按鈕來編輯濾鏡設定。

    設計工作室內的編輯篩選選單選項。

篩選器設定

你可以在 Design Studio 的元件中選擇篩選器設定選項來編輯濾鏡設定。

在 Design Studio 裡面的篩選器設定選單中,選擇垂直篩選器方向按鈕。

另請參閱