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 相关文章推荐
Discuz板块横排显示图片的实现方法
May 28 PHP
php笔记之:文章中图片处理的使用
Apr 26 PHP
基于MySQL分区性能的详细介绍
May 02 PHP
关于PHP内存溢出问题的解决方法
Jun 25 PHP
浅析PHP Socket技术
Aug 02 PHP
php中使用url传递数组的方法
Feb 11 PHP
php模拟服务器实现autoindex效果的方法
Mar 10 PHP
php判断linux下程序问题实例
Jul 09 PHP
php使用curl通过代理获取数据的实现方法
May 16 PHP
thinkPHP实现递归循环栏目并按照树形结构无限极输出的方法
May 19 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
Apr 21 PHP
一文搞懂php的垃圾回收机制
Jun 18 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
PHP4和PHP5共存于一系统
2006/11/17 PHP
php学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
简略的前端架构心得&&基于editor为例子的编码小技巧
2010/11/25 Javascript
javascript页面动态显示时间变化示例代码
2013/12/18 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
举例讲解JavaScript substring()的使用方法
2015/11/09 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
2016/03/07 Javascript
AngularJS控制器详解及示例代码
2016/08/16 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
2016/09/21 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
2016/10/08 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
详解webpack 入门与解析
2018/04/09 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
对layer弹出框中icon数字参数的说明介绍
2019/09/04 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
使用Python实现windows下的抓包与解析
2018/01/15 Python
Python3 利用requests 库进行post携带账号密码请求数据的方法
2018/10/26 Python
Python中三元表达式的几种写法介绍
2019/03/04 Python
Python性能分析工具Profile使用实例
2019/11/19 Python
python3中使用__slots__限定实例属性操作分析
2020/02/14 Python
Python实现简单猜数字游戏
2021/02/03 Python
董事长秘书岗位职责
2013/11/29 职场文书
学生自我鉴定模板
2013/12/30 职场文书
晚会邀请函范文
2014/01/24 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
2014年基层党建工作总结
2014/11/11 职场文书
2014年人事工作总结范文
2014/11/19 职场文书
大学生十八大感想
2015/08/11 职场文书
2016年大学生暑期社会实践活动总结
2016/04/06 职场文书
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python