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的FTP学习(二)
Oct 09 PHP
随时给自己贴的图片加文字的php水印
Mar 16 PHP
DedeCMS dede_channeltype表字段注释
Apr 07 PHP
php和js如何通过json互相传递数据相关问题探讨
Feb 26 PHP
php中判断数组是一维,二维,还是多维的解决方法
May 04 PHP
根据ip调用新浪api获取城市名并转成拼音
Mar 07 PHP
thinkphp获取栏目和文章当前位置的方法
Oct 29 PHP
php约瑟夫问题解决关于处死犯人的算法
Mar 23 PHP
PHP概率计算函数汇总
Sep 13 PHP
PHP最常用的正则表达式
Feb 13 PHP
PHP实现生成数据字典功能示例
May 24 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
May 29 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
基于qmail的完整WEBMAIL解决方案安装详解
2006/10/09 PHP
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
解析John Resig Simple JavaScript Inheritance代码
2012/12/03 Javascript
js和as的稳定传值问题解决
2013/07/14 Javascript
百度判断手机终端并自动跳转js代码及使用实例
2014/06/11 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
JavaScript 函数模式详解及示例
2016/09/07 Javascript
Bootstrap导航条的使用和理解3
2016/12/14 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
2017/03/08 Javascript
checkbox:click事件触发span元素内容改变的方法
2017/09/11 Javascript
JavaScript时间戳与时间日期间相互转换
2017/12/11 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
2018/03/01 Javascript
微信小程序上传图片实例
2018/05/28 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
vue中的v-model原理,与组件自定义v-model详解
2020/08/04 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
jquery插件实现轮播图效果
2020/10/19 jQuery
[03:00]DOTA2-DPC中国联赛1月18日Recap集锦
2021/03/11 DOTA
机器学习python实战之手写数字识别
2017/11/01 Python
python实现定时提取实时日志程序
2018/06/22 Python
Python写一个基于MD5的文件监听程序
2019/03/11 Python
Python enumerate内置库用法解析
2020/02/24 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
PyTorch中的拷贝与就地操作详解
2020/12/09 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
Chi Chi London官网:购买连衣裙和礼服
2020/10/25 全球购物
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
政府个人对照检查材料
2014/08/28 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
讲文明倡议书
2015/04/29 职场文书