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图片上传程序
Mar 27 PHP
PHP求最大子序列和的算法实现
Jun 24 PHP
php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
Jul 03 PHP
php的慢速日志引起的Mysql错误问题分析
May 13 PHP
Yii实现多按钮保存与提交的方法
Dec 03 PHP
php+xml编程之xpath的应用实例
Jan 24 PHP
php实现可逆加密的方法
Aug 11 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
Mar 11 PHP
Joomla语言翻译类Jtext用法分析
May 05 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
Sep 01 PHP
PHP编程实现csv文件导入mysql数据库的方法
Apr 29 PHP
php-fpm添加service服务的例子
Apr 27 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
解析link_mysql的php版
2013/06/30 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
js replace 与replaceall实例用法详解
2013/08/03 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
一个JavaScript用逗号分割字符串实例
2014/09/22 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
2016/12/27 Javascript
jquery ztree实现右键收藏功能
2017/11/20 jQuery
vue-rx的初步使用教程
2018/09/21 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
在layui中select更改后生效的方法
2019/09/05 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
[52:12]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python编程修改MP3文件名称的方法
2017/04/19 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
Python的bit_length函数来二进制的位数方法
2019/08/27 Python
Python基于opencv的简单图像轮廓形状识别(全网最简单最少代码)
2021/01/28 Python
详解基于 Canvas 手撸一个六边形能力图
2019/09/02 HTML / CSS
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
综合办公室主任岗位职责
2014/04/13 职场文书
大队干部竞选演讲稿
2014/04/28 职场文书
县人大领导班子四风对照检查材料思想汇报
2014/10/09 职场文书
婚前财产协议书范本
2014/10/19 职场文书
新郎答谢词
2015/01/04 职场文书
公司前台接待岗位职责
2015/04/03 职场文书
消防宣传语大全
2015/07/13 职场文书
在HTML5 localStorage中存储对象的示例代码
2021/04/21 Javascript
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers
java版 简单三子棋游戏
2022/05/04 Java/Android
python区块链实现简版工作量证明
2022/05/25 Python
Python四款GUI图形界面库介绍
2022/06/05 Python