博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
YII2 Select2插件使用小计
阅读量:6229 次
发布时间:2019-06-21

本文共 789 字,大约阅读时间需要 2 分钟。

hot3.png

先给出文档的地址: https://www.yiiframework.com/extension/yii-select2

最近在看到很多网站给用户打标签,或者是多个下拉选择之后变成一个标签。觉得交互不错!调研发现有开源的yii-select2这个插件,记录下使用步骤;

1,composer安装yii-select2插件,执行命令 composer require kartik-v/yii2-widget-select2 "@dev" 即可,之后就会自动加载到项目。

2,笔者这用的YII2框架,所以模板是混写的代码如下:

field($model, 'id')->widget(Select2::classname(), [ 'data' => $list, 'options' => ['multiple' => true, 'placeholder' => '请选择...'], ])->label('Label Name');?>

其中变量$model,为当前controller获取数据model,$list是下拉列表的数组。kv结构。

3,这个插件在添加的时候没有问题;但是在编辑的时候,需要使用js再次填充默认值。JavaScript脚本如下:

这样很简单的就实现的复杂的页面交互。不用写复杂的js,也可以轻松搞定多下拉标签的选择。

当然此插件功能不局限于此,它支持异步数据加载模式。所以如果在下拉列表数据量很大的,不能一次加载到前端页面,就可以采用异步的模式。根据用户输入来检索对应的选项,这就有点类似我们在使用搜索引擎的提示类似了。此处也不再列出异步加载的方式,感兴趣可以自己下文档或者搜索下相应的例子。

转载于:https://my.oschina.net/xiaopei/blog/2963115

你可能感兴趣的文章
一些C++11语言新特性 - Uniform Initialization
查看>>
Redis高级实践之————Redis短连接性能优化
查看>>
CentOS 6.5 安装nginx 1.6.3
查看>>
48.3. 设置Apache实现防盗连
查看>>
项目管理、测试管理、代码bug 管理
查看>>
SAP物料主档关键栏位解释
查看>>
Nim教程【十二】
查看>>
第 30 章 Shell Terminal
查看>>
Data Guard实现故障自动切换(二)(r11笔记第39天)
查看>>
[20171211]ora-16014 11g.txt
查看>>
oracle的正则表达式
查看>>
这几天的两件趣事
查看>>
小块头大作用 新型低成本测距传感器适用于无人机
查看>>
VSTO之旅系列(五):创建Outlook解决方案
查看>>
[erlang] mnesia
查看>>
php编码
查看>>
Java使用Socket传输文件遇到的问题(转)
查看>>
MYSQL-用户权限的验证过程(转)
查看>>
快递配送最后一公里的痛:利益失衡后开始崩塌
查看>>
深入理解Tomcat系列之一:系统架构(转)
查看>>