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版(3)
Oct 09 PHP
整合了前面的PHP数据库连接类~~做成一个分页类!
Nov 25 PHP
php下将XML转换为数组
Jan 01 PHP
linux iconv方法的使用
Oct 01 PHP
解析centos中Apache、php、mysql 默认安装路径
Jun 25 PHP
php+memcache实现的网站在线人数统计代码
Jul 04 PHP
PHP采用get获取url汉字出现乱码的解决方法
Nov 13 PHP
PHP、Java des加密解密实例
Apr 27 PHP
PHP在线调试执行的实现方法(附demo源码)
Apr 28 PHP
PHP获取当前系统时间的方法小结
Oct 03 PHP
PHP实时统计中文字数和区别
Feb 28 PHP
浅谈PHP无限极分类原理
Mar 14 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初学者的8点有效建议
2010/11/20 PHP
Js 中debug方式
2010/02/07 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
JS的replace方法详细介绍
2012/11/09 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
基于javascript实现根据身份证号码识别性别和年龄
2016/01/22 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
2016/03/06 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
2016/05/03 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
jquery网页日历显示控件calendar3.1使用详解
2016/11/24 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
JQuery实现定时刷新功能代码
2017/05/09 jQuery
JS创建Tag标签的方法详解
2017/06/09 Javascript
利用node.js制作命令行工具方法教程(一)
2017/06/22 Javascript
实用的Vue开发技巧
2019/05/30 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
2020/08/04 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
2020/12/01 Vue.js
Python实现字典的key和values的交换
2015/08/04 Python
Python虚拟环境项目实例
2017/11/20 Python
python复制文件到指定目录的实例
2018/04/27 Python
详解Django之admin组件的使用和源码剖析
2018/05/04 Python
Python3利用Dlib实现摄像头实时人脸检测和平铺显示示例
2019/02/21 Python
解决python replace函数替换无效问题
2020/01/18 Python
python实现图片转换成素描和漫画格式
2020/08/19 Python
python 列表推导和生成器表达式的使用
2021/02/01 Python
美国球迷装备的第一来源:FOCO
2020/07/03 全球购物
委托书怎么写
2014/07/31 职场文书
护士工作失误检讨书
2014/09/14 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
晚会开场白和结束语
2015/05/29 职场文书
防溺水主题班会教案
2015/08/12 职场文书