yii2带搜索功能的下拉框实例详解


Posted in PHP onMay 12, 2016

简单的小功能,但是用起来还是蛮爽的。分享出来让更多的人有更快的开发效率,开开心心快乐编程。

如果你还没有使用过composer,你可就out了,看我的教程分享,composer简直就是必备神奇有木有。都说到这个点上了,我们赶紧使用composer进行安装吧。

先给大家展示下效果图:

yii2带搜索功能的下拉框实例详解

下面给大家说下具体实现思路:

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

等他个大概5分钟的样子差不多了,安装就好了,然后我们就可以像下面一样开始使用了

//如果你的表单是ActiveForm,请使用

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,可以参考下面的

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

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

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

#但是如果你的表单是ActiveForm生成的,但是往往字段不是表字段怎么办呢?更好办啦,以上面的为例,你只需要指定$model->title = ['title1', 'title2'];即可

以上内容是小编给大家介绍的yii2带搜索功能的下拉框实例详解,希望对大家有所帮助,同时也非常感谢大家对三水点靠木网站的支持!

PHP 相关文章推荐
附件名前加网站名
Mar 23 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
Jun 25 PHP
php使用正则表达式获取图片url的方法
Jan 16 PHP
用PHP生成excel文件到指定目录
Jun 22 PHP
PHP中__autoload和Smarty冲突的简单解决方法
Apr 08 PHP
php设计模式之单例模式代码
Jun 11 PHP
PHP 接入微信扫码支付总结(总结篇)
Nov 03 PHP
老生常谈PHP数组函数array_merge(必看篇)
May 25 PHP
PHP生成推广海报的方法分享
Apr 22 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
Apr 02 PHP
Laravel监听数据库访问,打印SQL的例子
Oct 24 PHP
Laravel + Elasticsearch 实现中文搜索的方法
Feb 02 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
May 11 #PHP
PHP数据库操作Helper类完整实例
May 11 #PHP
PHP查询附近的人及其距离的实现方法
May 11 #PHP
Smarty分页实现方法完整实例
May 11 #PHP
php简单获取复选框值的方法
May 11 #PHP
php上传图片类及用法示例
May 11 #PHP
php通过smtp邮件验证登陆的方法
May 11 #PHP
You might like
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
jQuery+css3实现转动的正方形效果(附demo源码下载)
2016/01/27 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
深入讲解Python编程中的字符串
2015/10/14 Python
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
Python爬虫获取图片并下载保存至本地的实例
2018/06/01 Python
解决Python2.7中IDLE启动没有反应的问题
2018/11/30 Python
java判断三位数的实例讲解
2019/06/10 Python
基于树莓派的语音对话机器人
2019/06/17 Python
Pycharm+Python+PyQt5使用详解
2019/09/25 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
Python判断三段线能否构成三角形的代码
2020/04/12 Python
使用jupyter Nodebook查看函数或方法的参数以及使用情况
2020/04/14 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
HTML5 Web 存储详解
2016/09/16 HTML / CSS
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
实习护士自我鉴定
2013/10/13 职场文书
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
出国留学介绍信
2014/01/13 职场文书
交通安全教育制度
2014/02/02 职场文书
ktv好的活动方案
2014/08/17 职场文书
快递员岗位职责
2014/09/12 职场文书
教育合作协议范本
2014/10/17 职场文书
2016银行招聘自荐信
2016/01/28 职场文书
2019下半年英语教师的教学工作计划(3篇)
2019/09/25 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python