【问题标题】:Searchable Dropdown box in twig树枝中的可搜索下拉框
【发布时间】:2017-08-22 22:49:21
【问题描述】:

我的表单类型如下:

public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder
            ->add('Name')
            ->add('Occupation');
    }

我的edit.html.twig如下:

{% block main %}
    <form action="{{ path('admin_artists_edit', {'id': artist.id}) }}" method="post" {{ form_enctype(artistForm) }}>
        {{ form_errors(artistForm) }}

        {{ form_row(artistForm.name) }}

        {{ form_rest(artistForm) }}
        <input type="submit" />
    </form>
{% endblock %}

有什么方法可以将“职业”字段设置为可搜索的下拉列表?任何想法都会被采纳

【问题讨论】:

  • 您应该编辑您的标题,使其在您的主题中更加全球化。
  • 可搜索是什么意思?您的意思是一个文本字段,然后在您键入时自动完成?
  • 类似于此链接中“实时搜索”示例的内容:silviomoreto.github.io/bootstrap-select/examples

标签: javascript php jquery twig symfony-2.8


【解决方案1】:

问题已解决:

{{ form_widget(artistForm.occupation, { 'attr': {'class': 'searchabledropdown'} }) }}


        {% block stylesheets %}
            <link href="{{ asset('css/select2.css') }}" type="text/css" rel="stylesheet" />
        {% endblock %}
        {% block javascripts %}
            <script src="{{ asset('js/select2.js') }}"></script>
        {% endblock %}

    <script type="text/javascript">
        $(document).ready(function() {
            $(".searchabledropdown").select2();
        });
    </script>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-01-24
    • 2012-09-17
    相关资源
    最近更新 更多