创建多选表单字段

Question

我需要在Cms后端表单（fields.yaml）中创建一个多选表单字段。我采用了以下方法

选择_字段：

此字段的选项将从模型中调用

一切正常，但当我提交表单时，只有第一个选择的选项作为JSON数据插入到数据库表文本字段中。我希望存储每个选定的选项。我也在模型中声明该字段为Jsonable，即受保护的$Jsonable=['field_name']；

注意：当我使用类型作为检查框列表时，它像我想的那样工作，但我不希望它是检查框列表。我刚到十月cms有什么简单的方法吗...

Answer 1

你可以使用标签小部件做到这一点；-）

Answer 2

此外，daftspunk还提出了一个解决方案：https://github.com/octobercms/october/issues/1829#issuecomment-193018469

Answer 3

不能使用具有多个值的下拉字段，因为该字段用于处理单个值。作为复选框和收音机，这就是为什么有复选框列表（我猜）。

但我找到了解决办法。在fields.yaml中使用部分作为字段类型，而不是下拉列表

https://octobercms.com/docs/backend/forms#field-局部的

用下面的内容创建一个部分（注意名称中的[]属性，这就是它工作的原因！）

但请注意，这只是一个技巧，你只能使用直接yaml选项分配https://octobercms.com/docs/backend/forms#field-dropdown

<?php
    $fieldOptions = $field->options();
    //get the field value as an array
    $selectedValues = (array)$field->value;

?>
<!-- Dropdown -->
<?php if ($this->previewMode): ?>
    <div class="form-control"><?= (isset($fieldOptions[$field->value])) ? e(trans($fieldOptions[$field->value])) : '' ?></div>
<?php else: ?>

    <select
        id="<?= $field->getId() ?>"
        name="<?= $field->getName() ?>[]"
        class="form-control custom-select"
        <?= $field->getAttributes() ?>>
        <?php if ($field->placeholder): ?>
            <option value=""><?= e(trans($field->placeholder)) ?></option>
        <?php endif ?>
        <?php foreach ($fieldOptions as $value => $option): ?>
            <?php
                if (!is_array($option)) $option = [$option];
            ?>
            <option

                <?= in_array($value, $selectedValues)  ? 'selected="selected"' : '' ?>
                <?php if (isset($option[1])): ?>data-<?=strpos($option[1],'.')?'image':'icon'?>="<?= $option[1] ?>"<?php endif ?>
                value="<?= $value ?>">
                    <?= e(trans($option[0])) ?>
            </option>
        <?php endforeach ?>
    </select>
<?php endif?>

亚马尔呢

```
select_field:
    label: Sample
    type: partial
    path:$/author/plugin/models/classfolder/_my_partial.htm
    attributes: {multiple:'multiple'}
    options:
        key:value
        key:value
```

更好的方法可能是构建一个小部件，或者如果您有能力触摸核心并添加

在\modules\backend\widgets\form\partials中使用名称\u field\u dropdownlist显示相同的内容。热媒

然后进入\modules\backend\widgets\form\form。php第630行更改：

$optionModelTypes = ['dropdown', 'radio', 'checkboxlist', 'balloon-selector'];

添加不带_字段或的部分名称。htm ex_field_dropdownlist。htm成为下拉列表

$optionModelTypes = ['dropdown', 'radio', 'checkboxlist', 'balloon-selector','dropdowlist'];

现在在yaml文件中，只需使用type:dropdownList即可。