如何在 Yii 2.0.43 版和 bootstrap4 中启用 select2 小部件的搜索控件

Posted 2023-03-21

【中文标题】如何在 Yii 2.0.43 版和 bootstrap4 中启用 select2 小部件的搜索控件

【英文标题】：How to enable the search control on the select2 widget in Yii version 2.0.43 and bootstrap4

【发布时间】：2021-12-25 13:57:41

【问题描述】：

我正在使用带有 bootstrap4 的 yii 2.0.43。

如果我将 Select2 小部件配置为允许单选，如下面的代码所示，则选择输入上的搜索控件不起作用。不可编辑。

  <?php
    echo '<label>Roles</label>';
    try 
        echo Select2::widget([
            'id' => 'user-roles',
            'class' => 'form-control',
            'name' => 'roles',
            'data' => $listOfRoles,
            'options' => [
                'placeholder' => 'Roles',
            ],
            'pluginOptions' => [
                'allowClear' => true
            ]
        ]);
     catch (Exception $e) 
        echo $e->getMessage();
    
    ?>

但是，如果我可以将小部件配置为允许多个选择，如下所示，则选择输入上的搜索控件可以工作。

  <?php
    echo '<label>Roles</label>';
    try 
        echo Select2::widget([
            'id' => 'user-roles',
            'class' => 'form-control',
            'name' => 'roles',
            'data' => $listOfRoles,
            'options' => [
                'placeholder' => 'Roles',
                'multiple' => true
            ],
            'pluginOptions' => [
                'allowClear' => true
            ]
        ]);
     catch (Exception $e) 
        echo $e->getMessage();
    
    ?>

我不希望选择输入允许多个选定值。我该如何解决？

【参考方案1】：

['pluginOptions']['tags']:

如果您希望显示标签选择，请使用此选项。通常，您必须在启用 options['multiple'] 的情况下将此设置为 true。但是，您可以将其设置为 true 来为单选和多选添加自定义标签。启用 options['multiple'] 时，标签的工作方式与多选输入非常相似，并且以数组的形式读取和发送数据。

https://demos.krajee.com/widget-details/select2

您必须为单选设置['pluginOptions'][''allowClear'] => true' - 请参阅https://select2.org/selections#clearable-selections

【讨论】：

Select2 小部件有一个输入字段，我可以在其中输入一些内容以在选择下拉列表的选项中进行搜索。这个输入字段是我想要的功能。

啊啊啊！输入名称：多个roles[]，单个roles