8

我目前正面临 SonataAdminBundle、一对多关系和文件上传的挑战。我有一个实体叫Client和一个叫ExchangeFile。一个Client可以有几个ExchangeFiles，所以我们这里是一对多的关系。我正在使用VichUploaderBundle进行文件上传。

这是Client课程：

/**
 * @ORM\Table(name="client")
 * @ORM\Entity()
 * @ORM\HasLifecycleCallbacks
 */
class Client extends BaseUser
{    
    // SNIP

    /**
     * @ORM\OneToMany(targetEntity="ExchangeFile", mappedBy="client", orphanRemoval=true, cascade={"persist", "remove"})
     */
    protected $exchangeFiles;

    // SNIP
}

这是ExchangeFile课程：

/**
 * @ORM\Table(name="exchange_file")
 * @ORM\Entity
 * @Vich\Uploadable
 */
class ExchangeFile
{
    // SNIP

    /**
     * @Assert\File(
     *     maxSize="20M"
     * )
     * @Vich\UploadableField(mapping="exchange_file", fileNameProperty="fileName")
     */
    protected $file;

    /**
     * @ORM\Column(name="file_name", type="string", nullable=true)
     */
    protected $fileName;

    /**
     * @ORM\ManyToOne(targetEntity="Client", inversedBy="exchangeFiles")
     * @ORM\JoinColumn(name="client_id", referencedColumnName="id")
     */
    protected $client;

    // SNIP
}

在我的ClientAdmin课堂上，我exchangeFiles通过以下方式添加了该字段：

protected function configureFormFields(FormMapper $formMapper)
{
    $formMapper
        // SNIP
        ->with('Files')
            ->add('exchangeFiles', 'sonata_type_collection', array('by_reference' => false), array(
                    'edit' => 'inline',
                    'inline' => 'table',
                ))
        // SNIP
}

这允许在客户端编辑表单中对各种交换文件进行内联编辑。到目前为止效果很好：具有一对多关系和文件上传的 Sonata Admin.

问题

但是有一个警告：当我点击绿色“+”号一次（添加一个新的交换文件表单行），然后在我的文件系统中选择一个文件，然后再次点击“+”号（通过 Ajax 附加一个新的表单行)，选择另一个文件，然后点击“更新”（保存当前客户端），那么第一个文件就不会被持久化了。在数据库和文件系统中只能找到第二个文件。

据我了解，这有以下原因：当第二次点击绿色“+”号时，当前表单被发布到网络服务器，包括表单中当前的数据（客户端和所有交换文件）。创建了一个新表单并将请求绑定到表单中（这发生在AdminHelper位于的类中Sonata\AdminBundle\Admin）：

public function appendFormFieldElement(AdminInterface $admin, $subject, $elementId)
{
    // retrieve the subject
    $formBuilder = $admin->getFormBuilder();

    $form = $formBuilder->getForm();
    $form->setData($subject);
    $form->bind($admin->getRequest()); // <-- here
    // SNIP
}

所以整个表单被绑定，一个表单行被附加，表单被发送回浏览器，整个表单被新的表单覆盖。但由于<input type="file" />出于安全原因无法预先填充文件输入 ( )，因此第一个文件会丢失。该文件仅在实体被持久化时才存储在文件系统中（我认为为此VichUploaderBundle使用了 Doctrine prePersist），但是在附加表单字段行时还不会发生这种情况。

我的第一个问题是：我该如何解决这个问题，或者我应该往哪个方向发展？我希望以下用例能够工作：我想创建一个新客户端，并且我知道我将上传三个文件。我点击“新建客户端”，输入客户端数据，点击绿色“+”按钮一次，选择第一个文件。然后我再次点击“+”号，然后选择第二个文件。第三个文件也一样。所有三个文件都应该被持久化。

第二个问题：当我只想以一对多的关系添加单个表单行时，为什么 Sonata Admin 会发布整个表单？这真的有必要吗？这意味着如果我有文件输入，则每次添加新的表单行时都会上传表单中存在的所有文件。

在此先感谢您的帮助。如果您需要任何详细信息，请告诉我。

4

3 回答 3

3

除了我对SonataMediaBundle的评论...

如果你确实走这条路，那么你会想要创建一个类似于以下内容的新实体：

/**
 * @ORM\Table
 * @ORM\Entity
 */
class ClientHasFile
{
    /**
     * @var integer $id
     *
     * @ORM\Column(name="id", type="integer")
     * @ORM\Id
     * @ORM\GeneratedValue(strategy="AUTO")
     */
    private $id;

    /**
     * @var Client $client
     *
     * @ORM\ManyToOne(targetEntity="Story", inversedBy="clientHasFiles")
     */
    private $client;

    /**
     * @var Media $media
     *
     * @ORM\ManyToOne(targetEntity="Application\Sonata\MediaBundle\Entity\Media")
     */
    private $media;

    // SNIP
}

然后，在您的客户实体中：

class Client
{
    // SNIP

    /**
     * @var \Doctrine\Common\Collections\ArrayCollection
     *
     * @ORM\OneToMany(targetEntity="ClientHasFile", mappedBy="client", cascade={"persist", "remove"}, orphanRemoval=true)
     */
    protected $clientHasFiles;


    public function __construct()
    {
        $this->clientHasFiles = new ArrayCollection();
    }

    // SNIP
}

...和您的 ClientAdmin 的 configureFormFields：

protected function configureFormFields(FormMapper $form)
{
    $form

    // SNIP

    ->add('clientHasFiles', 'sonata_type_collection', array(
        'required' => false,
        'by_reference' => false,
        'label' => 'Media items'
    ), array(
        'edit' => 'inline',
        'inline' => 'table'
    )
    )
;
}

...最后但并非最不重要的是，您的 ClientHasFileAdmin 类：

class ClientHasFileAdmin extends Admin
{
    /**
     * @param \Sonata\AdminBundle\Form\FormMapper $form
     */
    protected function configureFormFields(FormMapper $form)
    {
        $form
            ->add('media', 'sonata_type_model_list', array(), array(
                'link_parameters' => array('context' => 'default')
            ))
        ;
    }

    /**
     * {@inheritdoc}
     */
    protected function configureListFields(ListMapper $list)
    {
        $list
            ->add('client')
            ->add('media')
        ;
    }
}
于 2012-11-30T16:18:33.753 回答
1

我发现，可以通过在 AJAX 调用添加新行之前记住文件输入内容来解决这个问题。这有点hacky，但它正在工作，因为我现在正在测试它。

我们能够覆盖一个模板进行编辑 - base_edit.html.twig。我添加了我的 javascript 来检测添加按钮上的点击事件，以及添加行后的 javascript。

我的 sonata_type_collection 字段称为galleryImages。

完整的脚本在这里：

$(function(){
      handleCollectionType('galleryImages');
});

function handleCollectionType(entityClass){

        let clonedFileInputs = [];
        let isButtonHandled = false;
        let addButton = $('#field_actions_{{ admin.uniqid }}_' + entityClass + ' a.btn-success');

        if(addButton.length > 0){
            $('#field_actions_{{ admin.uniqid }}_' + entityClass + ' a.btn-success')[0].onclick = null;
            $('#field_actions_{{ admin.uniqid }}_' + entityClass + ' a.btn-success').off('click').on('click', function(e){

                if(!isButtonHandled){
                    e.preventDefault();

                    clonedFileInputs = cloneFileInputs(entityClass);

                    isButtonHandled = true;

                    return window['start_field_retrieve_{{ admin.uniqid }}_'+entityClass]($('#field_actions_{{ admin.uniqid }}_' + entityClass + ' a.btn-success')[0]);
                }
            });

            $(document).on('sonata.add_element', '#field_container_{{ admin.uniqid }}_' + entityClass, function() {
                refillFileInputs(clonedFileInputs);

                isButtonHandled = false;
                clonedFileInputs = [];

                handleCollectionType(entityClass);
            });
        }


}

function cloneFileInputs(entityClass){
        let clonedFileInputs = [];
        let originalFileInputs = document.querySelectorAll('input[type="file"][id^="{{ admin.uniqid }}_' + entityClass + '"]');

        for(let i = 0; i < originalFileInputs.length; i++){
            clonedFileInputs.push(originalFileInputs[i].cloneNode(true));
        }

        return clonedFileInputs;
}

function refillFileInputs(clonedFileInputs){
        for(let i = 0; i < clonedFileInputs.length; i++){
            let originalFileInput = document.getElementById(clonedFileInputs[i].id);
            originalFileInput.replaceWith(clonedFileInputs[i]);
        }
}
于 2019-06-30T11:30:01.763 回答
0

我尝试了许多不同的方法和解决方法，最后我发现这里描述的最佳解决方案https://stackoverflow.com/a/25154867/4249725

如果不需要，您只需隐藏文件选择周围所有不必要的列表/删除按钮。

在所有其他直接在表单内选择文件的情况下，您迟早会遇到其他一些问题——表单验证、表单预览等。在所有这些情况下，输入字段都将被清除。

因此，尽管开销很大，但使用媒体包和 sonata_type_model_list 可能是最安全的选择。

我发布它以防有人以我搜索的方式搜索解决方案。

我还为这个确切的问题找到了一些 java-script 解决方法。当您点击“+”按钮然后将其恢复时，它基本上可以更改文件输入的名称。

仍然在这种情况下，如果某些验证失败等，您仍然会遇到重新显示表单的问题，所以我绝对建议使用媒体包方法。

于 2015-02-19T19:10:27.570 回答