在选择按钮中显示材料图标

时间:2017-04-28 11:32:18

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

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

FormType:

        ->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' => '')

                )
            )

Twig:

  <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>

结果:

enter image description here

我需要做什么才能显示图标校正

1 个答案:

答案 0 :(得分:0)

我用无线电替换了select,并且选择中的值为icon而不是exadecimal代码