Yii2。将图标添加到 DropdownList 小部件项目

Question

如何将图标添加到 DropdownList 小部件项目？

我想要这个（fronted-dev 从 semantic-ui 获得了这个权利）

但是使用widget后，很难再添加图标了。

这是我的代码和输出

<?php $items = [
            '123' => '<i class="af flag"></i>aaa',
            '124' => 'bbb',
            '345' => 'ccc',
        ]
        ?>
        <?=$form->field($model, 'country', [
            'template' => '{label} <div class="field">{input}{error}{hint}</div>',
        ])->dropDownList($items, ['class' => 'ui dropdown selection', 'prompt' => 'Select Country']);?>

什么代码 snippet/library 可以帮助我完成这个任务？我需要任何可以用作 ActiveField.

的实现

[UPD]

scaisEdge选项给了这个

Answer 1

DropDownlist 是 Basic SELECT Dropdown 的一个实现，它是一个基本的 UI 控件（HTML 内容未涵盖）。您需要更高级的下拉选择器，例如 Select2 Component (http://demos.krajee.com/widget-details/select2) 并使用 widget() 方法调用使用 Class.

的控件的构造

$form->field($model, 'country', [
            'template' => '{label} <div class="field">{input}{error}{hint}</div>',
     ])->widget(Select2::classname(),[
    'data' => $data,
    'options' => ['placeholder' => 'Select a state ...'],
    'pluginOptions' => [
        'templateResult' => new JsExpression("function format(state) {  return '<img src=flag.png >';}"),
        'templateSelection' => new JsExpression("function format(state) {  return '<img src=flag.png >';}"),
        'escapeMarkup' => $escape,
        'allowClear' => true
    ],
]);

查看 http://demos.krajee.com/widget-details/select2#usage-advanced

中的一些示例

Yii2。将图标添加到 DropdownList 小部件项目

Yii2. Add icons to DropdownList widget items

php

yii2

semantic-ui

yii-extensions

yii2-basic-app