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 相关文章推荐
ubuntu 编译安装php 5.3.3+memcache的方法
Aug 05 PHP
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
Apr 09 PHP
php函数指定默认值方法的小例子
Dec 04 PHP
php处理restful请求的路由类分享
Feb 27 PHP
PHP读取文件内容后清空文件示例代码
Mar 18 PHP
php实现redis数据库指定库号迁移的方法
Jan 14 PHP
php使用explode()函数将字符串拆分成数组的方法
Feb 17 PHP
Yii快速入门经典教程
Dec 28 PHP
thinkPHP3.2简单实现文件上传的方法
May 16 PHP
PHP获取访问页面HTTP状态码的实现代码
Nov 03 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
Nov 14 PHP
PHP用户管理中常用接口调用实例及解析(含源码)
Mar 09 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合并discuz用户脚本的方法
2015/08/04 PHP
详解PHP数据压缩、加解密(pack, unpack)
2016/12/17 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
ExtJS 2.0实用简明教程 之Ext类库简介
2009/04/29 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
原生js编写设为首页兼容ie、火狐和谷歌
2014/06/05 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
Jquery 效果使用详解
2015/11/23 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
element ui里dialog关闭后清除验证条件方法
2018/02/26 Javascript
webpack4 入门最简单的例子介绍
2018/09/05 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
Vue CLI3基础学习之pages构建多页应用
2019/06/02 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
快速解决element的autofocus失效问题
2020/09/08 Javascript
[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12
2020/12/16 DOTA
python实现猜数字游戏(无重复数字)示例分享
2014/03/29 Python
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
深入解析Python中的上下文管理器
2016/06/28 Python
基于Python3 逗号代码 和 字符图网格(详谈)
2017/06/22 Python
使用Python读取安卓手机的屏幕分辨率方法
2018/03/31 Python
python批量获取html内body内容的实例
2019/01/02 Python
使用Python opencv实现视频与图片的相互转换
2019/07/08 Python
Django之路由层的实现
2019/09/09 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
CSS3模拟动画下拉菜单效果
2017/04/12 HTML / CSS
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
美国厨房和园艺工具网上商店:Nestneed
2019/08/24 全球购物
Nº21官方在线商店:numeroventuno.com
2019/09/26 全球购物
简短大学毕业感言
2014/01/18 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
Windows Server 修改远程桌面端口的实现
2022/06/25 Servers