Question

我正在尝试在symfony2中的子窗体中嵌入多个文件上传。我有一个“想法”表单，我想要呈现多个“文档”表单。我已经按照文档进行了操作，但是当数据原型在表单中显示为空时，它会停止。根据我的理解，原型是一个html字符串，呈现formtype。我搜索过，似乎我是唯一一个得到这个问题的人。它必须是小的东西，但任何帮助将不胜感激。我的表格类型：

    public function buildForm(FormBuilderInterface $builder, array $options)
    {
    $builder
        ->add('title', 'text')
       ->add('category', 'entity', 
        array('class' => 'AcmeIdeaBundle:Category',
        'property' => 'name', 
        ))
        ->add('description', 'textarea')
        ->add('file','file')
        ->add('video')
        ->add('documents', 'collection', array('type' => new DocumentType,
        'allow_add' => true,
        'by_reference' => false,
        'allow_delete' => true,
        'prototype' => true));
         }

文档表单类型构建器：

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

相关的枝条文件：

    {% block body %}
    <form action="{{ path('idea_create') }}" method="post" {{ form_enctype(form) }}>
    {{ form_widget(form) }}
    <ul class="docs" data-prototype="{{ form_widget(form.documents.vars.prototype)|e }} " >
    {% for document in form.documents %}
    <li> {{ form_row(document.file) }} </li>
    {% endfor %}

    </ul>

如果我在控制器中对某些文档对象进行硬编码，它们看起来很好并且可以编辑，但我需要它是动态的。

javascript代码：

    var collectionHolder = $('ul.docs');

    var $addDocumentLink = $('<a href="#" class="add_documents_link">Add a picture</a>');
    var $newLinkLi = $('<li></li>').append($addDocumentLink);

    jQuery(document).ready(function(){
    collectionHolder.find('li').each(function(){
    addDocumentFormDeleteLink($(this));
    });

    collectionHolder.append($newLinkLi);

    $addDocumentLink.on('click', function(e) {
    e.preventDefault();

    addDocumentForm(collectionHolder, $newLinkLi);
    });
    });

    function addDocumentForm(collectionHolder, $newLinkLi) {

    var prototype = collectionHolder.attr('data-prototype');

    var newForm = prototype.replace(/\$\$name\$\$/g, collectionHolder.children().length);

    var $newFormLi = $('<li></li>').append(newForm);

    $newLinkLi.before($newFormLi);
    addDocumentFormDeleteLink($newFormLi);
    }

    function addDocumentFormDeleteLink($docFormLi) {
    var $removeFormA = $('<a href= "#">remove?</a>');
    $docFormLi.append($removeFormA);

    $removeFormA.on('click', function(e) {
    e.preventDefault();
    $docFormLi.remove();
    });
    }

这也是我第一次在这里提问，所以如果我做错了什么我道歉。

Answer 1

出于某种原因，我将代码放在树枝文件中

    <ul class="docs" data-prototype="{{ form_widget(form.documents.vars.prototype)|e }} " >
    {% for document in form.documents %}
    <li> {{ form_row(document.file) }} </li>
    {% endfor %}

进入标签式div即

    <div class="tab-pane" id="details"> 
    {{ form_row(form.video) }}
    <ul class="docs" data-prototype="{{ form_widget(form.documents.vars.prototype)|e }} " >
    {% for document in form.documents %}
    <li> {{ form_row(document.path) }} </li>
    {% endfor %}
    </ul>
    {{ form_row(form.description) }}
    </div>

现在原型不是空的，一切都很好

表单嵌入Symfony2数据原型是空的

1 个答案: