清單是一種資料驅動的設定,可在無需開發人員在入口網站中顯示格線的情況下,呈現記錄清單。 清單使用 Dataverse 視圖來在入口網站上顯示紀錄。
在 Power Pages 網站上,清單以網格視圖顯示資料。 你可以從 Dataverse 表格視圖在頁面上建立清單。 使用 資料工作區 或 在 Power Apps 中建立的模型導向應用程式 來建立 Dataverse 資料表檢視。 在頁面或 表單 中使用它們,建立完整的網頁應用程式。
Tip
想了解如何使用 Power Pages、建立檢視圖以及將清單加入頁面,請參見教學:將清單加入頁面。
若要新增清單:
打開 設計工作室 來編輯頁面的內容和組件。
選取要編輯的頁面。
選擇你想加入清單元件的區塊。
將滑鼠移到任何可編輯的畫布區域,然後從元件面板選擇 清單 圖示。
「 新增清單 」視窗會打開。
選擇建立新清單或選擇現有清單,然後選擇 確定。
Note
現代列表是新建立網站的預設清單體驗。 要使用經典名單體驗,請關閉 現代名單 切換。
- 如果你選擇建立新清單,新增 清單 視窗會打開到 「設定 」標籤。
- 如果你使用現有清單,會被導向到頁面工作區中顯示的清單。 選擇清單,並選擇元件上方的 「編輯清單 」按鈕,即可在 「新增清單 」視窗中存取設定選項。 你也可以在編輯清單時選擇將清單改成現代清單。
現代列表
現代清單是新建立的 Power Pages 網站的預設清單體驗。 它帶來煥然一新的外觀、更佳的載入與導航,以及更強的造型能力。
當你將清單加入新建立的網站時,該清單預設會使用現代體驗。 要使用經典清單體驗,新增或編輯清單時請關閉 現代清單 切換。
- 閃爍載入 - 在從資料來源取得資料時會顯示載入動畫。
- 無限捲動 - 使用者捲動時,內容會自動載入頁面底部。
- 內嵌篩選 器 - 篩選器會自動套用到清單檢視中的所有欄位。
- 樣式選項 - 自訂背景與字型顏色、加入交替行色,以及調整邊界與填充。
Tip
你可以將一個現代列表的樣式複製到網站中的其他現代列表,讓設計體驗在各頁面間保持一致。
列出你的清單
在 設定 區塊中指定每個欄位的數值。 在「新增清單」視窗中選擇「設定選單」標籤以完成此步驟。
| 清單 | 描述 |
|---|---|
| 選擇表格 | 視圖載入資料所來自的資料表名稱。 |
| 選取 Dataverse 檢視 | 要呈現的目標表格視圖。 若要修改檢視中的欄位,請存取資料工作區。 |
| 列出你的名單 | 清單的名稱。 |
選擇清單操作
透過設定清單動作,指定要對清單執行的動作。 這些動作列在「新增清單」視窗的動作選單標籤下。 對於這些選項,你也可以透過編輯 顯示標籤 欄位來更改預設按鈕標籤。
| Data | 描述 |
|---|---|
| 建立新記錄 | 允許使用者建立新紀錄。 選擇包含新紀錄的目標網頁、表單或網址。 |
| 下載清單內容 | 允許使用者將清單內容下載到一個 *.xlsx 檔案中。 |
| 檢視詳細資料 | 允許使用者查看詳細資訊。 選擇包含詳細資訊的網頁、表單或網址。 |
| 編輯記錄 | 允許使用者編輯紀錄。 選擇包含記錄細節的網頁、表單或網址進行編輯。 |
| 刪除記錄 | 允許使用者刪除該紀錄。 |
指定更多選項
你可能還想進一步自訂你的清單選項。 請從新增清單視窗的「更多選項」標籤,為你的清單設定更多選項。
| Settings | 描述 |
|---|---|
| 每頁記錄數 | 只適用於經典列表。 決定每頁顯示多少紀錄。 若表格包含更多紀錄,則會出現導覽控制項,讓使用者能查看下一組或上一組記錄。 現代列表使用無限滾動,因此開啟 現代列表 時無法使用此選項。 |
| 啟用清單中的搜尋 | 開啟清單的搜尋功能。 在搜尋欄中加入預留位置文字。 |
Note
啟用 資料表權限 ,確保使用者能查看清單上的資料。
你也可以使用 入口管理應用程式來指定更多選項。
複製清單
在設計工作室的 頁面 工作區,你可以選擇清單元件上的省略號(...),以複製清單、在區塊內上下移動,或刪除清單。
清單篩選
創作者可以從設計工作室為他們的 Power Pages 網站新增清單篩選功能。
篩選類型
你可以在 Power Pages Studio 內設定入口管理應用程式支援的所有類型元資料篩選器。 每種濾鏡類型都有簡化名稱,與其視覺化相符。 創作者在設計工作室內操作清單元件時,也能編輯或刪除篩選條件。
| 濾波器視覺化 | 描述 |
|---|---|
| 文字 | 透過文字框篩選清單,搜尋指定資料表屬性中的匹配文字。 |
| 勾選框、下拉選單與無線電按鈕 | 創作者可以選擇勾選框、下拉選單和單選按鈕作為篩選器的視覺化方式。 當製作者選擇欄位後,會有更多篩選選項來設定。 這些選項會依欄位的資料類型而異。 |
| Custom | 透過 FetchXML 過濾條件來過濾清單。 當創作者選擇自訂時,會出現一個文字框。 Maker 在此欄位輸入他們的 XML 陳述。 |
新增清單過濾器
要新增清單篩選器,請選擇你先前新增並設定的清單元件。
從工具列中選擇 新增篩選 選單項目。
頁面工作區會顯示一個彈出視窗,並提供列表篩選選項。
從下拉選單的 類型標籤下選擇你想使用的篩選器類型。
從下拉選單的欄位標籤下選擇你想篩選的欄位。
Note
工作室會顯示創作者根據所選篩選類型和欄位篩選資料的不同選項。
選擇 確定按鈕 以儲存您的選擇。
套用篩選器後,你可以在設計工作室中選擇 「編輯篩選器 」按鈕來編輯濾鏡設定。
篩選器設定
你可以在 Design Studio 的元件中選擇篩選器設定選項來編輯濾鏡設定。