通过

添加列表

  • 项目

列表是数据驱动型配置，用于呈现记录列表，而无需开发人员在门户中显示网格。 列表使用 Dataverse 视图在门户上显示记录。

列表在 Power Pages 站点上的网格视图中显示数据。 页面上的列表是根据 Dataverse 表视图创建的。 可以使用数据工作区或在 Power Apps 中创建的模型驱动应用创建 Dataverse 表视图。 您可以在页面上或与窗体一起使用它们来生成完整的 Web 应用程序。

小费

我们创建了一系列教程和视频，供您学习使用 Power Pages 以及如何创建视图和将列表添加到页面中。 有关详细信息，请转到教程：向页面中添加列表。

要添加列表，请执行以下操作：

  1. 打开设计工作室以编辑页面的内容和组件。

  2. 选择要编辑的页面。

  3. 选择要向其中添加列表组件的节。

  4. 将鼠标指针悬停在任何可编辑的画布区域上，然后从组件面板中选择列表图标。

    “添加组件”菜单选项。

    将打开添加列表窗口。

  5. 选择创建新列表或选择现有列表，然后选择确定。

    备注

    列表的更新版本“现代列表”可在 Power Pages 中找到。 打开开关以在您的网站上使用此版本的列表。 更多信息：现代列表（预览）

    • 如果您选择创建新列表，则会打开添加列表窗口，进入设置选项卡。
    • 如果您使用现有列表，您将被重定向到页面工作区中显示的列表。 选择列表，然后选择组件上方的编辑列表按钮访问添加列表窗口中的配置选项。 编辑列表时，您也可以选择将列表更改为现代列表。

现代列表（预览）

现代列表是 Power Pages 中现有列表的更新版本，提供了视觉趣味和增强的样式功能。

  • Shimmer 加载 - 从数据源检索数据时，将显示加载动画。
  • 无限滚动 - 当用户滚动时，内容会自动加载到页面底部。
  • 内嵌筛选器 - 筛选器自动应用于列表视图中的所有列。
  • 样式选项 - 自定义背景和字体颜色等元素，添加交替行颜色，以及调整边距和填充。

小费

您可以将样式从一个现代列表复制到网站中的其他现代列表，以获得跨页面的一致设计体验。

设置列表

您需要为每个设置字段指定值。 在添加列表窗口中选择设置菜单选项卡完成此步骤。

List 说明
选择表 从中加载视图的表的名称。
选择 Dataverse 视图 要呈现的目标表的视图。 要修改视图中的列，您需要访问数据工作区。
为您的列表命名 列表的名称。

选择列表操作

通过配置列表操作指定希望对列表执行哪些操作。 操作将在添加列表窗口的操作菜单选项卡下列出。 对于这些选项中的每个选项，您还可以通过编辑显示标签字段来更改默认按钮标签。

数据​ 说明
创建新记录 允许用户创建新记录。 您需要选择包含新记录的目标网页、表单或 URL。
下载列表内容 允许用户将列表内容下载到 *.xlsx 文件。
查看详细信息 允许用户查看详细信息。 您需要选择包含详细信息的网页、表单或 URL。
编辑记录 允许用户编辑记录。 您需要选择包含要编辑的记录详细信息的网页、表单或 URL。
删除记录 允许用户删除记录。

指定更多选项

您可能会发现想要进一步自定义列表选项。 从添加列表窗口中访问更多选项菜单选项卡，为列表配置更多选项。

设置 描述
每页记录数 确定每页显示多少条记录。 如果该表包含更多记录，将显示导航控件供用户查看下一组或上一组记录。
启用在列表中搜索 打开列表的搜索功能。 为搜索栏添加占位符文本

备注

您将需要启用表权限，以确保用户能够查看列表上的数据。

您还可以使用门户管理应用指定更多选项。

复制列表

在设计工作室内的页面工作区中，您可以选择列表组件上的省略号 (...) 来复制列表，在部分内向上或向下移动列表，或将其删除。

列表筛选器

制作者可以从设计工作室向他们的 Power Pages 站点添加列表筛选器。

筛选器类型

门户管理应用中支持的所有类型的元数据筛选器都可以在 Power Pages 工作室中配置，每个筛选器具有与其可视化效果匹配的简化名称。 当在设计工作室中使用列表组件时，制作者还可以编辑/删除筛选器。

筛选器可视化 说明
文本 使用文本框筛选列表，以在给定表的选定属性中搜索匹配文本。
复选框、下拉列表和单选按钮 制作者可以在复选框、下拉列表和单选按钮之间进行选择，来作为其筛选器类型的可视化效果。 一旦制作者选择了列，就会出现更多配置筛选器的选项。 这些选项因列的数据类型而异。
自定义 使用 FetchXML 筛选条件筛选列表。 当制作者选择自定义时，将显示一个文本框。 制作者在此字段中输入他们的 XML 语句。

添加列表筛选器

要添加列表筛选器，选择先前添加和配置的列表组件。

  1. 从工具栏中选择添加筛选器菜单项。

    “页面”工作区内的列表工具栏，突出“添加筛选器”菜单项。

    “页面”工作区中将显示一个弹出窗口，其中包含列表筛选器选项。

    “页面”工作区中的“添加筛选器”弹出窗口。

  2. 从类型标签下的下拉选择器中选择要使用的筛选器类型。

  3. 从列标签下的下拉选择器中选择要筛选的列。

    备注

    工作室将显示不同的选项，供制作者根据他们选择的筛选器类型和列筛选数据。

  4. 选择确定按钮保存您的选择。

  5. 将应用一个筛选器，您可以通过选择设计工作室中的“编辑筛选器”按钮来编辑筛选器配置。

    设计工作室中的编辑筛选器菜单选项。

筛选器设置

您可以通过选择设计工作室中组件上的筛选器设置选项来编辑筛选器设置。

选择了垂直筛选器方向按钮的设计工作室中的筛选器设置菜单选项。

另请参见