类别:YII / 日期:2019-12-25 / 浏览:156 / 评论:0

yii2搜刮框能够运用select2组件和一个Yii2加强包构成的select2 jQuery插件完成。

由select2组件和一个Yii2加强包构成的select2 jQuery插件。该输入控件是一个基于jQuery的替代挑选框。它支撑搜刮,长途数据集,和无穷转动的结果。

该组件是特地为bootstrap 3作风,并供应了一些革新。假如浏览器不支撑jQuery,该组件以至适用于一个一般的HTML挑选或输入文本。最经常使用的场景就是在下拉内容过多时,自动输入关键字,婚配挑选。

运用结果以下:

装置

Composer是最好的装置体式格局(引荐),运转以下敕令举行装置,切换到项目根目录

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

或许增加下面代码到根目录的composer.json文件中require位置

"kartik-v/yii2-widget-select2": "@dev"

注重:composer长时间未更新请先更新 composer self-update

用法

use kartik\select2\Select2;

// Normal select with ActiveForm & model
echo $form->field($model, 'state_1')->widget(Select2::classname(), [
    'data' => $data,
    'language' => 'de',
    'options' => ['placeholder' => 'Select a state ...'],
    'pluginOptions' => [
        'allowClear' => true
    ],
]);

// Multiple select without model
echo Select2::widget([
    'name' => 'state_2',
    'value' => '',
    'data' => $data,
    'options' => ['multiple' => true, 'placeholder' => 'Select states ...']
]);

ki4网,有大批免费的Yii入门教程,迎接人人进修!

以上就是yii2搜刮框怎样做的细致内容,更多请关注ki4网别的相干文章!

打赏

感谢您的赞助~

打开支付宝扫一扫,即可进行扫码打赏哦~

版权声明 : 本文未使用任何知识共享协议授权,您可以任何形式自由转载或使用。

 可能感兴趣的文章