php dropdownlist,Yii2框架dropDownList下拉菜单用法实例分析
本文实例讲述了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下拉菜单用法实例分析相关推荐
- php 类似微信下拉菜单,微信小程序模拟下拉菜单开发实例
本文主要和大家分享微信小程序模拟下拉菜单开发实例,希望能帮助到大家. 一.知识点 1.实现动态显示和隐藏某个控件 列表1data:{ open:false }, showitem:function() ...
- 仿美团下拉菜单 html,React Native仿美团下拉菜单的实例代码
本文介绍了React Native仿美团下拉菜单的实例代码,最近也在学习React Native,顺便分享给大家 在很多产品中都会涉及到下拉菜单选择功能,用的最好的当属美团了,其效果如下: 要实现上面 ...
- jquery 下拉菜单 html,jQuery实现下拉菜单的实例代码
基本效果是这样的~~ * { margin: 0; padding: 0; } ul { list-style: none; } .wrap { width: 330px; height: 30px; ...
- jquery实现二级导航下拉菜单效果实例
大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用.前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单. 使用JQuery实现需要用到的知识有: ...
- kendoUI系列教程之DropDownList下拉菜单
DropDownList其实就是select,只有下拉选择.可以把现有的select或者input渲染成下拉菜单: 原码 打印 关于 <input id="color" va ...
- Bootstrap下拉菜单
前面的话 网页交互的时候经常会需要上下文菜单或者隐藏/显示菜单项,Bootstrap默认提供了用于显示链接列表的可切换.有上下文的菜单.而且在各种交互状态下的菜单展示需要和javascript插件配合 ...
- 4.网格系统、下拉菜单
网格系统 1. 实现原理(栅格系统) 通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统. 2. 工作原理 ...
- JavaScript实现下拉菜单操作
JavaScript实现下拉菜单操作 案例分析: (1)该操作分为两个部分,导航栏和下拉菜单部分,因此需要使用嵌套,一共使用两对ul和li标签,外面的ul构成导航栏框架,在li里面一一对应另一对ul和 ...
- Uncaught TypeError: Bootstrap dropdown require Popper.js (https://popper.js.org)(下拉菜单)
报错内容: 在做网页设计的时候,使用Bootstrap框架的下拉菜单,在谷歌浏览器中打开html进行测试的时候发现点击下拉菜单无反应的问题,打开F12,报错内容如下所示: 前端代码展示 <!DO ...
最新文章
- mysql将行显示成列_mysql – 在表中将行显示为列
- java已知一个二叉树_Day58:对称的二叉树
- git fetch和git pull的区别_Git实战(实验楼)学习笔记 实验2 基本用法(下)
- 重温3 Activity Intent 向下传递数据 向上传递数据
- Visual Studio 2005 中的新增安全性功能
- Uva 12063 Zero and Ones
- SPSS时间序列分析
- ARM中的RO、RW和ZI DATA说明
- 探讨【IGE】的源代码【三】。
- python画心形代码大全_七夕 - 程序员表白代码
- java p12证书,如何使用已安装的.p12 证书在 Mac OS X 上签名 jar?
- 在线有道翻译突然页面变了?
- 虚拟数字人的“风”,从“工业级”吹向“消费级”
- win10 nginx设置开机启动 --亲测有效
- android 输入法下一步,Android Edittext 软键盘输入法回车键改成下一步Next
- Cartographer实时显示三维点云地图
- 阿里云的安全防护措施
- linux wifi驱动开发 二,Linux 下wifi 驱动开发(二)—— WiFi模块浅析
- 微信小程序时间显示几分钟前、几小时前、几天前....
- 仿真软件scaner studio上手基础操作(一)