溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何在Yii2框架中使用dropDownList下拉菜單

發(fā)布時(shí)間:2021-04-01 16:58:36 來(lái)源:億速云 閱讀:440 作者:Leah 欄目:開發(fā)技術(shù)

本篇文章為大家展示了如何在Yii2框架中使用dropDownList下拉菜單,內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

Yii2.0 默認(rèn)的 dropdownlist 的使用方法.

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

在yii2中加放請(qǐng)選擇的下拉菜單

<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...']);
?>

下拉菜單的默認(rèn)值設(shè)置我們使用 prompt 關(guān)鍵字

實(shí)例:

$form->field($searchmodel, 'moneytype')->dropDownList($soucetype, ['prompt' => '請(qǐng)選擇金額來(lái)源')])

好的 下拉菜單的默認(rèn)值設(shè)置就是這樣簡(jiǎn)單,下面我們?cè)谡f(shuō)說(shuō)帶有插件的文本框默認(rèn)值是如何設(shè)置的

我現(xiàn)在就拿這個(gè)表單后面的兩個(gè)使用了時(shí)間插件的文本域?yàn)槔?,在這里 prompt 關(guān)鍵字就不行了,我們要使用 placeholder 關(guān)鍵字

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

ActiveForm 類的 dropDownList 方法(優(yōu)點(diǎn),默認(rèn)使用yii的樣式)
1、在控制器的方法里面 ,我們需要拿到數(shù)據(jù),一定是 findAll() 或者是 all() 方法的數(shù)據(jù),實(shí)例如下:

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

在視圖頁(yè)面,我們使用 yii 的表單生成器。

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

2.1、dropDownList           --->     yii2.0  下拉列表的方法
2.2、ArrayHelper::map()     --->     構(gòu)建一個(gè)(key => value) 的一維或多維數(shù)組
2.3.1、 $data               --->     數(shù)據(jù)源
2.3.2、 id                  --->     option 的 value 值
2.3.3、 customer_name       --->     option 標(biāo)簽的 值

Html 類的 activeDropDownList方法(優(yōu)點(diǎn),可以自定義任何樣式)

1、和第一種方法的第一步一樣,拿到數(shù)據(jù)。不過(guò)多解釋了。
2、\yii\helpers\Html 類為我們提供了下拉列表的實(shí)現(xiàn)方法 activeDropDownList 方法

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

上述內(nèi)容就是如何在Yii2框架中使用dropDownList下拉菜單,你們學(xué)到知識(shí)或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI