yii2框架dropDownList的下拉菜单用法介绍

Yii2.0 默认的 dropdownlist 的使用方法.

 代码如下 复制代码

<?php echo $form->field($model, 'name[]')->dropDownList(['a' => 'Item A', 'b' => 'Item B', 'c' => 'Item C']); ?>

在yii2中加放请选择的下拉菜单

 代码如下 复制代码
 
<php echo $form->field($model, 'name[]')->dropDownList($listData,
                        ['prompt'=>'Select...']);>

 
DropDownList 在模型中使用
 

 代码如下 复制代码
<?php
//use app\models\Country;
$countries=Country::find()->all();
 
//use yii\helpers\ArrayHelper;
$listData=ArrayHelper::map($countries,'code','name');
 
echo $form->field($model, 'name')->dropDownList(
                                $listData,
                                ['prompt'=>'Select...']);
?>

下拉菜单的默认值设置我们使用 prompt 关键字 实例:

 代码如下 复制代码

$form->field($searchmodel, 'moneytype')->dropDownList($soucetype, ['prompt' => '请选择金额来源')])

好的 下拉菜单的默认值设置就是这样简单,下面我们在说说带有插件的文本框默认值是如何设置的
我现在就拿这个表单后面的两个使用了时间插件的文本域为例,在这里 prompt 关键字就不行了,我们要使用 placeholder 关键字

 代码如下 复制代码

$form->field($searchmodel, 'startdate')->widget(DatePicker::className(),['clientOptions' => ['dateFormat' => 'yy-mm-dd']])->textInput(['placeholder' => Yii::t('app', 'Start time')])

ActiveForm 类的 dropDownList 方法(优点,默认使用yii的样式)

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

 代码如下 复制代码

 public function actionIndex()
    {
        $model = new UserModel();
        $data = Customer::find()->all();

        return $this->render('index', [
            'model' => $model,
            'data' => $data,
        ]);
    }

在视图页面,我们使用 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 标签 整个代码都被过滤了,所以复制代码,自己加上标签

时间: 2024-11-10 00:44:21

yii2框架dropDownList的下拉菜单用法介绍的相关文章

yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析_php实例

本文实例讲述了yii2框架中使用下拉菜单的自动搜索yii-widget-select2的方法.分享给大家供大家参考,具体如下: github中源代码地址:https://github.com/kartik-v/yii2-widget-select2 利用composer.phar安装此插件: php composer.phar require kartik-v/yii2-widget-select2 "*" 引用方法: use kartik\select2\Select2; 源代码:

Yii2框架dropDownList下拉菜单用法实例分析_php实例

本文实例讲述了Yii2框架dropDownList下拉菜单用法.分享给大家供大家参考,具体如下: dropDownList是yii框架中一个自带的下拉功能了解,我们可以直接使用dropDownList来实现html的select菜单,下面一起来看看. Yii2.0 默认的 dropdownlist 的使用方法. 复制代码 代码如下: <?php echo $form->field($model, 'name[]')->dropDownList(['a' => 'Item A', '

Yii2框架dropDownList下拉菜单用法实例分析

本文实例讲述了Yii2框架dropDownList下拉菜单用法.分享给大家供大家参考,具体如下: dropDownList是yii框架中一个自带的下拉功能了解,我们可以直接使用dropDownList来实现html的select菜单,下面一起来看看. Yii2.0 默认的 dropdownlist 的使用方法. 复制代码 代码如下:<?php echo $form->field($model, 'name[]')->dropDownList(['a' => 'Item A', 'b

Fireworks制作下拉菜单教程介绍

  本教程是关于Fireworks制作下拉菜单教程的讲解,该文章共有4个部分,其中包括创建标题.创建切片.加上下拉菜单.子菜单定位相关步骤,以下请看正文: 创建标题 1,新建一个图像 2, 用矩形工具画一个长方形 3,用文字工具输入文字 创建切片 选中这个矩形,然后选择菜单insert -> slice(插入-切片). 加上下拉菜单 1,保持切片处于选中的状态,选择菜单insert -> pop menu,插入子菜单 2,在弹出的窗口内进行输入,text(文字)框内输入子菜单上要显示的文字 3

数据-在表单的table中的每一个单元格加入俩个下拉菜单,求大神指导怎么写,跪求~

问题描述 在表单的table中的每一个单元格加入俩个下拉菜单,求大神指导怎么写,跪求~ 在表单的table中的每一个单元格加入俩个下拉菜单,求大神指导怎么写?下面有初步的jsp代码.我用的是SSH框架.有一个下拉菜单的值是动态的,是别的表内的属性.怎么把一个单元格里的两个数据分别确定 <%@page contentType=""text/html; charset=UTF-8"" import=""java.util.*"&quo

bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)_javascript技巧

本文算是bootstrap学习使用的年底大总结,供大家参考,具体内容如下 bootstrap框架 BootStrap学习从现在开始,前端开发框架Bootstrap,可大大简化网站开发过程,从而深受广大开发者的喜欢. <!DOCTYPE html> <html lang="zh-cn"><!-- 语言设置 --> <head> <meta charset="utf-8"> <meta http-equi

Bootstrap系列 -- 25. 下拉菜单分割线

  在Bootstrap框架中的下拉菜单还提供了下拉分隔线,假设下拉菜单有两个组,那么组与组之间可以通过添加一个空的<li>,并且给这个<li>添加类名"divider"来实现添加下拉分隔线的功能. <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="

Excel怎么设置二级联动下拉菜单?

  Excel怎么设置二级联动下拉菜单?在excel里制作下拉菜单有好几种方法,我主要介绍下用数据有效性设置下拉菜单及怎么设置二级联动下拉菜单.这两种方法我将均以例子说明. 一.用数据有效性设置下拉菜单 例:如下图所示,要求在销售员一列设置可以选取的下拉菜单. 步骤1:选取销售员一列需要设置下拉菜单的单元格区域(这一步不能少),打开数据有效性窗口(excel2003版数据菜单 - 有效性,excel2007和2010版本 数据选项卡 - 数据有效性 - 数据有效性),在窗口中的"设置"

创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件_javascript技巧

Bootstrap是当下流行的前端UI组件库之一.利用Bootstrap,可以很方便的构造美观.统一的页面.把设计师从具体的UI编码中解放出来. Bootstrap提供了不少的前端UI组件.带下拉菜单的文本框就是其中之一,效果图如下(真要自己完全设计,还得费一番功夫) 关于该组件的详情参看Bootstrap官网.带下拉菜单的文本框 看到上面的效果图,使我想到WinForm编程中的DropDownList控件.不过,和DropDownList控件相比,还缺少以下内容 1.当点击菜单中的某一项,菜单