使用Multicheckbox字段

由于Gantry 5.3有一个新的 multicheckbox 字段,您可以使用它作为替代 input.selectize

 该 input.multicheckbox将显示为复选框列表,一个在另一个之上,可以选择。所选复选框的值将以字符串逗号分隔存储。

Gantry 5使用Multicheckbox字段

将Multicheckbox添加到您的网站

Multicheckbox是一个Gantry 5输入字段。如果你想将它添加到你的主题或粒子,你可以通过将字段类型赋值为input.multicheckbox 在关联的YAML文件中。

下面是一个例子,它将如何在部分或主题的YAML文件中显示。在这个例子中,我们将创建一个示例粒子。

我们将开始创建并放置YAML /custom/particles/example.yaml

name: Example
description: Demonstration of Multicheckbox
icon: fa-check-square-o

form:
  fields:

    title:
      type: input.text
      label: Title
      default: What's your favorite food?

    food:
      type: input.multicheckbox
      label: Favorite Food
      options:
        pasta: Pasta
        pizza: Pizza
        gelato: Gelato
        broccoli: Broccoli

然后我们将创建并放置TWIG文件 /custom/particles/example.html.twig 有了这个内容:

{% extends '@nucleus/partials/particle.html.twig' %}

{% block particle %}
    {% set foods = particle.food|split(',') %}

    <h2>{{ particle.title }}</h2>
    <ul>
        {% for food in foods %}
        <li>{{ food }}</li>
        {% endfor %}
    </ul>
{% endblock %}

现在,当您在布局中添加此示例粒子并设置它时,它将如下所示:

Gantry 5使用Multicheckbox字段

在前端它将呈现为:

Gantry 5使用Multicheckbox字段