本文实例讲述了Yii2框架dropDownList下拉菜单用法。分享给大家供大家参考,具体如下:

dropDownList是yii框架中一个自带的下拉功能了解,我们可以直接使用dropDownList来实现html的select菜单,下面一起来看看。

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

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

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

field($model, 'name[]')->dropDownList($listData, ['prompt'=>'Select...']);>

DropDownList 在模型中使用

//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 标签 整个代码都被过滤了,所以复制代码,自己加上标签

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

希望本文所述对大家基于Yii框架的PHP程序设计有所帮助。

php dropdownlist,Yii2框架dropDownList下拉菜单用法实例分析相关推荐

  1. php 类似微信下拉菜单,微信小程序模拟下拉菜单开发实例

    本文主要和大家分享微信小程序模拟下拉菜单开发实例,希望能帮助到大家. 一.知识点 1.实现动态显示和隐藏某个控件 列表1data:{ open:false }, showitem:function() ...

  2. 仿美团下拉菜单 html,React Native仿美团下拉菜单的实例代码

    本文介绍了React Native仿美团下拉菜单的实例代码,最近也在学习React Native,顺便分享给大家 在很多产品中都会涉及到下拉菜单选择功能,用的最好的当属美团了,其效果如下: 要实现上面 ...

  3. jquery 下拉菜单 html,jQuery实现下拉菜单的实例代码

    基本效果是这样的~~ * { margin: 0; padding: 0; } ul { list-style: none; } .wrap { width: 330px; height: 30px; ...

  4. jquery实现二级导航下拉菜单效果实例

    大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用.前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单. 使用JQuery实现需要用到的知识有: ...

  5. kendoUI系列教程之DropDownList下拉菜单

    DropDownList其实就是select,只有下拉选择.可以把现有的select或者input渲染成下拉菜单: 原码 打印 关于 <input id="color" va ...

  6. Bootstrap下拉菜单

    前面的话 网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项,Bootstrap默认提供了用于显示链接列表的可切换.有上下文的菜单.而且在各种交互状态下的菜单展示需要和javascript插件配合 ...

  7. 4.网格系统、下拉菜单

    网格系统 1. 实现原理(栅格系统) 通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统. 2. 工作原理 ...

  8. JavaScript实现下拉菜单操作

    JavaScript实现下拉菜单操作 案例分析: (1)该操作分为两个部分,导航栏和下拉菜单部分,因此需要使用嵌套,一共使用两对ul和li标签,外面的ul构成导航栏框架,在li里面一一对应另一对ul和 ...

  9. Uncaught TypeError: Bootstrap dropdown require Popper.js (https://popper.js.org)(下拉菜单)

    报错内容: 在做网页设计的时候,使用Bootstrap框架的下拉菜单,在谷歌浏览器中打开html进行测试的时候发现点击下拉菜单无反应的问题,打开F12,报错内容如下所示: 前端代码展示 <!DO ...

最新文章

  1. mysql将行显示成列_mysql – 在表中将行显示为列
  2. java已知一个二叉树_Day58:对称的二叉树
  3. git fetch和git pull的区别_Git实战(实验楼)学习笔记 实验2 基本用法(下)
  4. 重温3 Activity Intent 向下传递数据 向上传递数据
  5. Visual Studio 2005 中的新增安全性功能
  6. Uva 12063 Zero and Ones
  7. SPSS时间序列分析
  8. ARM中的RO、RW和ZI DATA说明
  9. 探讨【IGE】的源代码【三】。
  10. python画心形代码大全_七夕 - 程序员表白代码
  11. java p12证书,如何使用已安装的.p12 证书在 Mac OS X 上签名 jar?
  12. 在线有道翻译突然页面变了?
  13. 虚拟数字人的“风”,从“工业级”吹向“消费级”
  14. win10 nginx设置开机启动 --亲测有效
  15. android 输入法下一步,Android Edittext 软键盘输入法回车键改成下一步Next
  16. Cartographer实时显示三维点云地图
  17. 阿里云的安全防护措施
  18. linux wifi驱动开发 二,Linux 下wifi 驱动开发(二)—— WiFi模块浅析
  19. 微信小程序时间显示几分钟前、几小时前、几天前....
  20. 仿真软件scaner studio上手基础操作(一)

热门文章

  1. 个人知识变现者必备基本功:造课卖课能力
  2. 《炬丰科技-半导体工艺》GaN 蓝绿光激光器的发展
  3. 打开google search,从taskbar拖拽全屏应用比如Google进入分屏,页面出现Launcher报错
  4. 有史以来最简单的题(不参考那些无脑输出题目)B2017
  5. adxl345取出值怎么算角度_adxl345角度测量文档
  6. 你知道怎么提取音乐伴奏消除人声吗?小白也能轻松操作
  7. 单片机控制继电器 使LED灯交替闪烁
  8. Hive wordcount
  9. 支付宝,网银在线,快钱 3大支付接口的集成与对比,统合实现
  10. 利用指针反序输出字符串