Yii2. Kartik Select2 小部件宽度

Posted

技术标签:

【中文标题】Yii2. Kartik Select2 小部件宽度【英文标题】:Yii2. Kartik Select2 widget width 【发布时间】:2016-07-14 06:54:03 【问题描述】:

我的 Select2 控件位于带有引导类“col-sm-3”的列内。它也附加到表单字段。但宽度不想成为父列的 100%。如果我使浏览器窗口更小(在列自动重新排列之后)Select2 遵循父列的宽度。此外,如果我以 px 为单位指定宽度,它会更改宽度。可能是什么问题? form->field->textInput 的情况相同。如果表单是内联的,我还发现字段宽度不遵循父列宽度。

<?= $form->field($model, 'categories')->widget(Select2::className(), [
                'data' => Category::availableCategories(),
                'model' => $model,
                'attribute' => 'categories',
                'theme' => Select2::THEME_KRAJEE,
                'size' => Select2::MEDIUM,
                'showToggleAll' => false,
                'language' => 'en',
                'options' => ['placeholder' => 'Select a category...', 'id' => 'myselect'],
                'pluginOptions' => [
                    'allowClear' => true,
                    'multiple' => true,
                    'width' => '200px',
                    ],
                ])
            ?>

【问题讨论】:

【参考方案1】:

我的表单中有inline 布局。这是个问题。

【讨论】:

以上是关于Yii2. Kartik Select2 小部件宽度的主要内容,如果未能解决你的问题,请参考以下文章

yii2 kartik select2 小部件不显示列表的第一个元素

Yii2 在“select2”小部件上需要验证规则

Yii2 Kartik Select2 多个标签输入字符串错误

在 Kartik Select2 小部件中向下滚动时加载越来越多的数据

如何从 Select2 Widget Yii2 将多个值保存到数据库

如何在 Yii2 中将带有 kartik-Select2 小部件项目的选择保存到 DB?