跳转到内容
  • 报名

字段格式

默认情况下,Pages会在列表和记录视图中将您的自定义字段显示为徽章,创建字段时,您可以选择颜色和一些基本的定位选项。对于您的许多使用,这可能已经足够了,但是对于更高级的使用,Pages允许您设置自定义字段格式化程序,以获取原始数据并按照您希望的方式显示它。我们将为每个自定义字段使用字段格式化器,这样我们就可以精确地控制它们的外观。

字段格式化器如何工作?< / span >

字段格式化器向您公开原始和格式化的字段数据,使您能够编写自己的HTML来生成字段的输出。它们可以是简单的,就像我们大多数人一样,也可以是你需要的复杂的。

列表和记录视图可以各有不同的格式,这在很多情况下都很有用(尽管对于显示Release Notes的方式,我们不会使用显示版本)。

格式化程序中有哪些数据可用?< / span >

字段格式使下列变量可用:

  • 美元的标签
    包含字段标签,这是您为字段输入的名称(例如:“发布日期”)
  • 美元的价值
    包含了加工过的字段值。例如,如果您有一个选择字段,这个变量包含值的文本,没有t关键。
  • formValue美元
    与上面的相反,它包含原始表单值。对于选择字段,它将是一个键,对于Yes/No字段,它将是一个简单的布尔值,等等。

在HTML位于值中的情况下,您可能需要将|raw附加到变量以使其正确解析。

警告

使用|原始输出方法时要非常小心。通过绕过HTML字符的转义,可以在显示用户生成的内容时使站点面临安全问题。

格式化安全发布字段< / span >

我们将为Security Release字段添加一个自定义格式化器,如果您还记得,当我们将字段设置为Yes时,会显示一个红色的警告三角形。

首先,转到数据库的字段列表页面,单击Security Release字段旁边的编辑图标。在“显示”选项卡上,我们想将“清单视图格式”更改为自定义.这将显示一个编辑器,我们将在其中输入HTML。这是我们将使用的HTML:

{{if $formValue == "1"}}< / span ><跨类="tag"><跨< / span ><跨类="pln">类< / span ><跨类="pun">=< / span ><跨类="atv">'ipsType_large ipsType_negative ipsPos_right cRelease_security'< / span ><跨类="pln">data-ipsTooltip< / span ><跨类="pln">标题< / span ><跨类="pun">=< / span ><跨类="atv">“这是安全发布”< / span ><跨类="tag">> <我< / span ><跨类="pln">类< / span ><跨类="pun">=< / span ><跨类="atv">“fa fa-warning”< / span ><跨类="tag">> < / i > < / span >< / span ><跨类="pln">{{endif}}< / span >

让我们回顾一下这里发生了什么。打开的HTML逻辑{{if $formValue == "1"}}只是简单地检查字段的值。因为这是一个Yes/No字段,所以原始表单值是1或0。我们只希望在该字段设置为Yes时显示安全版本图标,因此如果表单值为0,它会跳过此逻辑,不显示任何内容。在{{if}}中,我们有一些简单的HTML,它显示了一个红色的三角形图标(参见我们的CSS框架指南有关类名的信息)。我们还添加了一个自定义类名cRelease_security我们将在稍后创建自己的自定义CSS时使用

格式化发布日期字段< / span >

我们要格式化的另一个字段是发布日期字段。如果设置了日期,该字段显示日期;如果没有设置日期,则显示“在开发中”。与前面一样,将清单视图格式设置为自定义,并使用以下HTML:

发布的{{如果$ formValue}}{$价值}{{其他}}< / span ><跨类="tag"><跨< / span ><跨类="pln">类< / span ><跨类="pun">=< / span ><跨类="atv">“ipsType_light”< / span ><跨类="tag">> < em >< / span ><跨类="pln">在开发中< / span ><跨类="tag">< / em > < / span >< / span ><跨类="pln">{{endif}}< / span >

我们在这里所做的是检查是否有任何表单值—如果有,我们就知道已经选择了日期,并显示包含在$value中的处理过的版本。如果没有,则在{{else}}后面显示span内的“In Development”文本。

其他领域< / span >

以下是其他字段的HTML:

当前版本

{{if $formValue == 1}}< / span ><跨类="tag"><跨< / span ><跨类="pln">类< / span ><跨类="pun">=< / span ><跨类="atv">“ipsBadge ipsBadge_positive”< / span ><跨类="pln">data-ipsTooltip< / span ><跨类="pln">标题< / span ><跨类="pun">=< / span ><跨类="atv">“这是最新的版本”< / span ><跨类="tag">>< / span ><跨类="pln">当前版本< / span ><跨类="tag">< / span >< / span ><跨类="pln">{{endif}}< / span >

测试版

{{if $formValue == 1}} beta {{endif}}

额外的信息

这个字段被设置为Display模板的“无格式”。

设置好自定义字段并正确格式化后,我们就可以转向模板了。


报告指南


×< / span >
×< / span >
  • 创建新的…
Baidu