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 相关文章推荐
php中判断文件存在是用file_exists还是is_file的整理
Sep 12 PHP
如何用php获取文件名后缀
Jun 09 PHP
学习php设计模式 php实现工厂模式(factory)
Dec 07 PHP
php生成验证码,缩略图及水印图的类分享
Apr 07 PHP
php短信接口代码
May 13 PHP
thinkphp3.x中display方法及show方法的用法实例
May 19 PHP
php设计模式之单例模式代码
Jun 11 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
Dec 07 PHP
PHP多进程编程之僵尸进程问题的理解
Oct 15 PHP
PHP发送邮件确认验证注册功能示例【修改别人邮件类】
Nov 09 PHP
php array_map()函数实例用法
Mar 03 PHP
浅谈如何提高PHP代码质量之单元测试
May 28 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 Squid中可缓存的动态网页设计
2008/09/17 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
PHP调用MySQL存储过程并返回值的方法
2014/12/26 PHP
JavaScript 在各个浏览器中执行的耐性
2009/04/06 Javascript
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
js post提交调用方法
2014/02/12 Javascript
JavaScript中的Web worker多线程API研究
2014/12/06 Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
2017/03/06 Javascript
Javascript 详解封装from表单数据为json串进行ajax提交
2017/03/29 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
vue2.0在table中实现全选和反选的示例代码
2017/11/04 Javascript
浅析vue深复制
2018/01/29 Javascript
Vue表单及表单绑定方法
2018/09/04 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
python实现爬取千万淘宝商品的方法
2015/06/30 Python
python实现多线程网页下载器
2018/04/15 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
python实现把两个二维array叠加成三维array示例
2019/11/29 Python
django 中使用DateTime常用的时间查询方式
2019/12/03 Python
浅谈在django中使用filter()(即对QuerySet操作)时踩的坑
2020/03/31 Python
使用iframe+postMessage实现页面跨域通信的示例代码
2020/01/14 HTML / CSS
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
导游个人求职信
2014/04/25 职场文书
缅怀革命先烈演讲稿
2014/05/14 职场文书
课例研修方案
2014/05/31 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
python基础入门之字典和集合
2021/06/13 Python