yii2.0 下拉菜单

第一种方法：ActiveForm 类的 dropDownList 方法(优点，默认使用yii的样式)

1、在控制器的方法里面，我们需要拿到数据，一定是 findAll() 或者是 all() 方法的数据，实例如下：

 public function actionIndex(){$model = new UserModel();$data = Customer::find()->all();return $this->render('index', ['model' => $model,'data' => $data,]);}

2、在视图页面，我们使用 yii 的表单生成器。

$form->field($model, 'username')->dropDownList(ArrayHelper::map($data,'id', 'customer_name'));

2.1、dropDownList           --->     yii2.0  下拉列表的方法
2.2、ArrayHelper::map()     --->     构建一个(key => value) 的一维或多维数组
2.3.1、 $data               --->     数据源
2.3.2、 id                  --->     option 的 value 值
2.3.3、 customer_name       --->     option 标签的 值

第二种方法：Html 类的 activeDropDownList方法(优点，可以自定义任何样式)

1、和第一种方法的第一步一样，拿到数据。不过多解释了。
2、\yii\helpers\Html 类为我们提供了下拉列表的实现方法 activeDropDownList 方法

Html::activeDropDownList($model, 'username', ArrayHelper::map($data,'id', 'customer_name'), ['style' => 'border:1px solid red;']);

我没写 php 标签，相信写过新浪博客的程序猿都知道，写了 php 标签整个代码都被过滤了，所以复制代码，自己加上标签

参数和第一种方法的参数含义相同，不做解释。

第三种方法：Html 类的 dropDownList方法(优点，可以自定义任何样式)

1、和第一种方法的第一步一样，拿到数据。不过多解释了。
2、\yii\helpers\Html 类为我们提供了下拉列表的实现方法 dropDownList方法

Html::dropDownList('username', null, ArrayHelper::map($data,'id', 'customer_name'), ['class' => 'dropdownlist']);

我没写 php 标签，相信写过新浪博客的程序猿都知道，写了 php 标签整个代码都被过滤了，所以复制代码，自己加上标签

参数和第一种方法的参数含义相同，不做解释。

yii2.0 下拉菜单相关推荐

android 系统下拉菜单,【MotoX评测】原生Android5.0下拉菜单和基础设置_Moto X_手机评测-中关村在线...
■ 柔和的阶段性下拉菜单受益于Android5.0的变化,新Moto X的下拉菜单采用的是浮在界面上方的下拉框,并且分为双步下拉(第一步下拉是通知中心,第二步下拉可调出快捷选项),视觉效果和操作体验 ...
php dropdownlist,Yii2框架dropDownList下拉菜单用法实例分析
本文实例讲述了Yii2框架dropDownList下拉菜单用法.分享给大家供大家参考,具体如下: dropDownList是yii框架中一个自带的下拉功能了解,我们可以直接使用dropDownList ...
html中按钮下拉菜单,Bootstrap3.0学习笔记之按钮与下拉菜单
前面的文章算是把Bootstrap CSS部分简单的学习了一遍,应该忽视了比较多的细节问题.不过大部分的内容我都过了一遍,并且用代码实现了一遍,而且看到了真实的效果.挺不错的.那么接下来的几篇文章主要 ...
在做会员资料修改时,实现下拉菜单的默认项定位
作者:lshdic http://blog.csdn.net/lshdic/ <!--在写一个交友网站时碰到的问题,就是当会员修改资料时,如何定位SELECT的菜单列默认项,不过很容易就解决 ...
iOS 多级下拉菜单
前言 App 常用控件 -- 多级下拉菜单, 如团购类, 房屋类, 对数据进行筛选. 有一级, 二级, 三级, 再多就不会以这种样式,呈现给用户了. 作者就简单聊一下多级下拉菜单二级下拉筛选菜单. ...
纯CSS实现蓝色圆角下拉菜单
代码简介: 这个菜单没有使用任何的图片,完全是用CSS实现的,包括圆角效果也同样是,而且还考虑了多浏览器的兼容性,可以说非常不错,既兼容性好,又外观漂亮,下拉导航菜单目前比较流行,好好感觉一下本款菜单 ...
下拉菜单被挡住了，DIV置于最底层的方法
网站常会用到一些下拉菜单,,幻灯片,,,飘浮广告等. 但经常会发现.幻灯片会挡住下拉菜单或者飘浮广告等.解决办法有下第一,可将幻灯片所在DIV 置于最底层.添加CSS如下 style=" ...
Delphi访问网页中的下拉菜单
Delphi通过TWebBrowser浏览网页,然后访问该网页中的下拉菜单: uses MsHtml; procedure TForm1.Button1Click(Sender: TObject); ...
html+css3实现二级下拉菜单
2019独角兽企业重金招聘Python工程师标准>>> 下面我们一起来看看实现这款CSS3下拉菜单的过程和源码,代码比较简单,主要由HTML和CSS实现,并不需要JavaScript ...

yii2.0 下拉菜单

yii2.0 下拉菜单相关推荐

最新文章

热门文章