【问题标题】:Displaying material icons in select button在选择按钮中显示材质图标
【发布时间】:2017-04-28 11:32:18
【问题描述】:

我正在使用 symfony 3 开发一个应用程序。我有一个选择按钮 (selectize),我想显示一些材料图标。
我做了什么:

表单类型:

        ->add('icon', ChoiceType::class, array(
                    'choices' => array(
//                        appel
                        'Appel' => 'phone',
//                        mail
                        'Email' => 'email',
                        //rappel
                        'Rappel' => 'alarm_add',

                    ),
                    'choice_attr' => function($choice, $key, $index) {
                        return ['data-md-icheck' => ''];
                    },
                    'expanded' => true,
                    'attr' => array('data-md-icheck' => '')

                )
            )

树枝:

  <div class="parsley-row uk-form-row">
                        <span class="uk-form-help-block">{{ form_label(form.icon, "Icône"|trans ) }}</span>
                        <div class="dynamic_radio uk-margin-small-top">
                            {% for child in form.icon %}
                                <span class="icheck-inline">
                                    {{ form_widget(child) }}
                                    <i class="md-icon md-list-addon-icon material-icons">{{ child.vars.value }}</i>

                                </span>
                            {% endfor %}
                            <span>{{ form_errors(form.icon) }}</span>
                        </div>
                    </div>

结果:

我必须做什么才能显示正确的图标

【问题讨论】:

  • 问题已更新解决方案

标签: selectize.js symfony-3.2 google-material-icons


【解决方案1】:

我将 select 替换为 radio ,将选项中的值替换为图标名称而不是十进制代码

【讨论】:

    猜你喜欢
    • 2019-04-26
    • 2018-12-09
    • 1970-01-01
    • 2018-06-09
    • 2020-02-06
    • 2021-07-16
    • 1970-01-01
    • 2021-04-06
    • 2020-06-01
    相关资源
    最近更新 更多