Symfony 3:如何嵌入表单集合-提交后,我在数组中只有一个元素,而不是很多

时间:2018-12-28 14:25:51

标签: symfony symfony-forms

大家好, 在Symfony 3上: 我试图遵循Symfony 3文档中“如何嵌入表单集合”的要求。按照他们首先提出的建议,它适用于已定义的列表。但是,当我尝试下一步时:允许带有原型的新标签时,它仅返回我的上一个嵌入表单。 因此,我知道我的Entity和EntityType一样有效。错误必须在树枝上。 在此先感谢您的帮助! 正如第一部分中所建议的那样,它适用于定义的列表。 所以我知道我的实体以及EntityType都可以正常工作。

enter code here
{% extends "@App/baseAdmin.html.twig" %} . 

{% block contenu %} . 
    {#{{   dump(formreservation) }}#} . 

{#{{ form(formreservation) }}#} . 
    <div> . 
        Date : {{ "now"|date("d/m/Y") }} . 
        {{ form_start(formreservation, {'attr': {'class': 'form'}}) }} . 
        {#{{   dump(formreservation) }}#} . 
        <p> . 
            {#retourne message erreur si besoin après méthode isValid dans Controleur#} . 
            {{ form_errors(formreservation.spectacle) }} . 
            {{ form_label(formreservation.spectacle, null, 
{'label_attr':  {'class': 'form-label'}}) }} :  

            {{ form_widget(formreservation.spectacle, {'attr': 
{'class': 'form-control'}}) }} . 
        </p>

        <p>
            {{ form_label(formreservation.spectateur, null, 
{'label_attr':  {'class': 'form-label'}}) }}
            <ul class="spectateur" data-prototype="{{ form_widget(formreservation.spectateur.vars.prototype)|e('html_attr') }}">

            </ul>
        </p>
        <p>
            {#retourne message erreur si besoin après méthode isValid dans Controleur#}
            {{ form_errors(formreservation.client) }}
            {{ form_label(formreservation.client, null, 
{'label_attr':  {'class': 'form-label'}}) }} :

            {{ form_widget(formreservation.client, {'attr': 
{'class': 'form-control'}}) }}
        </p>

        {# génération du champ CSRF - _token#  (Cross Site Request Forgeries en champ caché #}
        {{ form_rest(formreservation) }}

        {{ form_end(formreservation) }}
    </div>

    {# Partie JavaScript #}
    <script
        src="https://code.jquery.com/jquery-3.3.1.js"
        integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
        crossorigin="anonymous">
    </script>
    <script>

    var $collectionHolder;

    // setup an "add a tag" link
    var $addTagButton = $('<button type="button" class="add_tag_link">Ajoutez un spectateur</button>');
    var $newLinkLi = $('<li></li>').append($addTagButton);

    jQuery(document).ready(function() {
        // Get the ul that holds the collection of tags
        var $collectionHolder = $('ul.spectateur');

        // add a delete link to all of the existing tag form li elements
        //inutile pour le moment, ajoute un bouton qui créé la confusion
       /* $collectionHolder.find('li').each(function() {
            addTagFormDeleteLink($(this));
        });*/

        // add the "add a tag" anchor and li to the tags ul
        $collectionHolder.append($newLinkLi);

        // count the current form inputs we have (e.g. 2), use that as the new
        // index when inserting a new item (e.g. 2)
        $collectionHolder.data('index', $collectionHolder.find(':input').length);

        $addTagButton.on('click', function(e) {
            // add a new tag form (see next code block)
            e.preventDefault();
            addTagForm($collectionHolder, $newLinkLi);
        });
    });


    function addTagForm($collectionHolder, $newLinkLi) {
        // Get the data-prototype explained earlier
        //console.log($collectionHolder);
        var prototype = $collectionHolder.data('prototype');

        //console
        // get the new index
        var index = $collectionHolder.data('index');

        var newForm = prototype;
        // You need this only if you didn't set 'label' => false in your tags field in TaskType
        // Replace '__name__label__' in the prototype's HTML to
        // instead be a number based on how many items we have
        newForm = newForm.replace(/__name__label__/g, 'Spectateur n° '+ index);

        //newForm = newForm.replace(/__name__/g, index);

        // increase the index with one for the next item
        $collectionHolder.data('index', index + 1 );

        // Display the form in the page in an li, before the "Add a tag" link li
        var $newFormLi = $('<li></li>').append(newForm);
        $newLinkLi.before($newFormLi);

        // add a delete link to the new form
        addTagFormDeleteLink($newFormLi);
    }

    function addTagFormDeleteLink($tagFormLi) {
        var $removeFormButton = $('<button type="button">enlever ce spectateur</button><br>');
        $tagFormLi.append($removeFormButton);

        $removeFormButton.on('click', function(e) {
            // remove the li for the tag form
            e.preventDefault();
            $tagFormLi.remove();
        });
    }
</script>

{% endblock %}

预期结果:包含所有嵌入表单的集合。 实际上,它仅返回嵌入表单中的最后一个元素。我确实检查了实体,但是它没有使用我添加到实体中的“添加”方法。

这是ReservationType构建器的添加部分:

->add('spectateurs', CollectionType::class, [
                'entry_type' => SpectateurReservationType::class,  
                'entry_options' => ['label' => false],  
                'allow_add' => true,  
                'allow_delete' => true,  
                'prototype' => true,  
                'by_reference' => false,  
            ] . 
        ) .

2 个答案:

答案 0 :(得分:0)

您刚刚注释了JS代码的一部分

newForm = newForm.replace(/__name__/g, index);

取消注释,一切都会很好

答案 1 :(得分:0)

我的电话是:

newForm = newForm.replace(/ name__label / g,'Spectateur n°'+ index);

我的错误是,我以为可以将其更改为文本标签:

太棒了!非常感谢,您救了我!现在可以正常使用了!