Question

在yii2基本的ActiveForm中，我添加了一个下拉列表，其中使用了＆＃34;选项＆＃34;添加我的属性的数组。我想在我的下拉列表中添加select2但它不起作用.i已经在网上搜索并找到了这个方法＆＃34; options＆＃34;我在下面使用过的数组，但在视图中仍未显示输出

<div class="col-xs-6 col-lg-6">
     <div class="form-group form-material floating" data-plugin="formMaterial">
       <div class="example"> <b role="presentation"></b>
        <?= $form->field($model, 'corporation_status')->dropDownList(Yii::$app->appstatues->status,['options'=>['class'=>'form-control','prompt'=>'abc','data-plugin'=>'select2']])->label('Stat'); ?>
        </div>
       </div>
      </div>

非常感谢任何帮助。

Answer 1

使用扩展程序https://github.com/kartik-v/yii2-widget-select2

还有许多好的扩展： http://demos.krajee.com/

Answer 2

找到＆＃34; select2＆＃34;的解决方案要添加到下拉列表中，请执行以下步骤：将以下css和js文件添加到＆＃34; AppAsset＆＃34;：

https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css
https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js

并在表单字段中添加＆＃39; data-plugin＆＃39; =＆gt;＆＃39; select2＆＃39;像这样：

 <?= $form->field($model, 'corporation_status')->dropDownList(Yii::$app->appstatues->status,['prompt' => 'hello','data-plugin'=>'select2','class'=>'form-control'])->label('Status'); ?>

Answer 3

运行此命令为yii2安装kartik \ select2小部件

php composer.phar require kartik-v/yii2-widget-select2 "@dev"

然后使用小部件。

//Include kartik\select2 Class
use kartik\select2\Select2;

// Normal select with ActiveForm & model
echo $form->field($model, 'corporation_status')->widget(Select2::classname(), [
    'data' => Yii::$app->appstatues->status,
    'options' => ['prompt' => 'Select a state ...'],
    'pluginOptions' => [
        'allowClear' => true
    ],
]);

如何在Yii2下拉列表中应用select2

3 个答案: