首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在Yii版本2.0.43和bootstrap4中启用select2小部件上的搜索控件

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

Stack Overflow用户
提问于 2021-11-13 16:23:51
回答 1查看 33关注 0票数 0

我在bootstrap4中使用yii 2.0.43。

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

代码语言:javascript
运行
复制
  <?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();
    }
    ?>

但是,如果我可以将小部件配置为允许如下所示的多个选择,那么select输入上的搜索控件就可以正常工作。

代码语言:javascript
运行
复制
  <?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();
    }
    ?>

我不希望select输入允许多个选定的值。我该如何解决这个问题?

EN

回答 1

Stack Overflow用户

发布于 2021-11-13 16:52:36

['pluginOptions']['tags']

如果要显示标签选择,请使用此选项。通常,您必须在启用“‘multiple”选项的情况下将其设置为true。但是,您可以将其设置为true,以便为单选和多选添加自定义标记。当启用选项‘multiple’时,标记的工作方式与多选输入非常相似,并以数组的形式读取和发送数据。

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

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69956128

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档