yii2下拉框带搜索功能

简单的小功能,可是用起来仍是蛮爽的。分享出来让更多的人有更快的开发效率,开开心心快乐编程。
做者:白狼 出处:http://www.manks.top/yii2_dropdown_search.html 本文版权归做者,欢迎转载,但未经做者赞成必须保留此段声明,且在文章页面明显位置给出原文链接,不然保留追究法律责任的权利。html

若是你尚未使用过composer,你可就out了,看个人教程分享,composer简直就是必备神奇有木有。都说到这个点上了,咱们赶忙使用composer进行安装吧。git

不急,先来看看效果图是啥样的,否则都没心情没欲望看下去。原文自带图片,可参考。编程

啥玩意,不感兴趣?继续看嘛,看完再操做一边才能以为好在哪里。
有木有感受很帅气,固然啦,远远不止,还很上档次用起来效果也是杠杠的有木有。
好了好了,抓紧时间安装,否则聊起来真是没完没了。数组

composer require kartik-v/yii2-widget-select2 "@dev"
#特别说明,由于这里安装的dev版本,也就是开发版本,不稳定版本,若是你的项目是git托管的,composer安装下来以后这里记得删掉 \vendor\kartik-v\yii2-widget-select2目录下的.git文件,否则你提交不上去的哦

等他个大概5分钟的样子差很少了,安装就行了,而后咱们就能够像下面同样开始使用了
//若是你的表单是ActiveForm,请使用yii2

use kartik\select2\Select2; 
//$data是键值对数组哦,key-value ,下面所声明的全部$data均为键值对数组,以该数组为例 
$data = [2 => 'widget', 3 => 'dropDownList', 4 => 'yii2']; 
echo $form->field($model, 'title')->widget(Select2::classname(), [  
    'data' => $data, 
    'options' => ['placeholder' => '请选择 ...'], 
]);

//若是你的表单是非ActiveForm,能够参考下面的composer

use kartik\select2\Select2; 
echo Select2::widget([ 'name' => 'title', 
    'data' => $data, 
    'options' => ['placeholder' => '请选择...'] 
]);

非ActiveFomr生成的更新数据的时候就须要默认选中,好办,加value值便可yii

use kartik\select2\Select2; 
echo Select2::widget([ 
    'name' => 'title', 
    'value' => 2, 
    'data' => $data, 
    'options' => ['placeholder' => '请选择...'] 
]);
#可是若是你的表单是ActiveForm生成的,可是每每字段不是表字段怎么办呢?更好办啦,以上面的为例,你只须要指定$model->title = ['title1', 'title2'];便可

继续阅读ui

相关文章
相关标签/搜索