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 相关文章推荐
PHP5.0正式发布 不完全兼容PHP4 新增多项功能
Oct 09 PHP
PHP经典的给图片加水印程序
Dec 06 PHP
php模块memcache和memcached区别分析
Jun 14 PHP
yii中widget的用法
Dec 03 PHP
PHP Imagick完美实现图片裁切、生成缩略图、添加水印
Feb 22 PHP
PHP正则表达式入门教程(推荐)
May 18 PHP
PHPExcel导出2003和2007的excel文档功能示例
Jan 04 PHP
php实现的AES加密类定义与用法示例
Jan 29 PHP
PHP使用file_get_contents发送http请求功能简单示例
Apr 29 PHP
php实现微信支付之退款功能
May 30 PHP
PHP调用接口API封装的例子
Oct 11 PHP
php访问对象中的成员的实例方法
Nov 17 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使用curl访问https示例分享
2014/01/17 PHP
PHPExcel简单读取excel文件示例
2016/05/26 PHP
PHP排序算法之直接插入排序(Straight Insertion Sort)实例分析
2018/04/20 PHP
Prototype使用指南之form.js
2007/01/10 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
Document.location.href和.replace的区别示例介绍
2014/03/04 Javascript
JavaScript中连接操作Oracle数据库实例
2015/04/02 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
Vue使用Proxy监听所有接口状态的方法实现
2019/06/07 Javascript
vuex state中的数组变化监听实例
2019/11/06 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
基于JS实现视频上传显示进度条
2020/05/12 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
JS实现京东商品分类侧边栏
2020/12/11 Javascript
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
Python探索之自定义实现线程池
2017/10/27 Python
python实现beta分布概率密度函数的方法
2019/07/08 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
Html5应用程序缓存(Cache manifest)
2018/06/04 HTML / CSS
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
酒店副总岗位职责
2013/12/24 职场文书
中专毕业生个人职业生涯规划
2014/02/19 职场文书
小学班长竞选演讲稿
2014/04/24 职场文书
大学学习计划书范文
2014/05/02 职场文书
检察院对照“四风”认真查找问题落实整改措施
2014/09/26 职场文书
工资收入证明
2014/10/07 职场文书
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS
Winsows11性能如何? win11性能测评多核竟比Win10差了10%
2021/11/21 数码科技
angular4实现带搜索的下拉框
2022/03/25 Javascript
Python 匹配文本并在其上一行追加文本
2022/05/11 Python