symfony - Symfony2エンティティタイプフォームと名前と画像

Question

名前（文字列）とファイル（ファイル名を表す文字列）の両方を持つエンティティがあります。これは「アイコン」エンティティです。名前（文字列）とアイコン（OneToMany）との関係を持つ「Category」という別のエンティティがあります。ユーザーがカテゴリのアイコンを選択できるようにするフォームが必要です。

したがって、次の形式で表示できます。

$builder->add('icon', 'entity', array(
    'class' => 'CroltsMainBundle:Icon',
    'expanded' => true,
    'multiple' => false
));

しかし、私が本当に望んでいるのは、各ラジオボタンの小枝に次のようなものを表示することです。

<div>
<label for="something"><img src="/icons/{{icon.file }}" />{{icon.name}}</label>
<input type="radio" name="something" value="{{ icon.id }}" />
</div>

Symfonyフォームでそのタイプのラジオフォームを作成する良い方法はありますか？カスタムタイプは私が欲しいものでしょうか？私は実際には、これがどれだけ可能かを知るためにカスタムタイプをあまり使いませんでした。

Answer 1

それが最善の方法かどうかはわかりませんが、この種の状況を管理する方法は次のとおりです。

1. entityTypeたとえば、次のように代理する新しいフォームタイプを作成IconCheckTypeします: ( http://symfony.com/doc/master/cookbook/form/create_custom_field_type.html )

   namespace .....\Form\Type;
   
   use Symfony\Component\Form\AbstractType;
   use Symfony\Component\Form\FormBuilder;
   use Symfony\Component\Form\FormView;
   use Symfony\Component\Form\FormInterface;
   
   
   class IconCheckType extends AbstractType
   {
      /**
        * {@inheritdoc}
        */
     public function buildForm(FormBuilder $builder, array $options) {
   
       $builder -> setAttribute('dataType', $options['dataType']);
     }
   
      /**
        * {@inheritdoc}
        */
     public function buildView(FormView $view, FormInterface $form) {
       $view -> set('dataType', $form -> getAttribute('dataType'));
     }
   
      /**
        * {@inheritdoc}
        */
     public function getDefaultOptions(array $options) {
       return array('required' => false,'dataType'=>'entity');
     }
   
   
     /**
        * Returns the allowed option values for each option (if any).
        *
        * @param array $options
        *
        * @return array The allowed option values
        */
       public function getAllowedOptionValues(array $options)
       {
           return array('required' => array(false));
       }
   
      /**
        * {@inheritdoc}
        */
     public function getParent(array $options) {
       return 'entity';
     }
   
      /**
        * {@inheritdoc}
        */
     public function getName() {
       return 'iconcheck';
     }
   
   }
   

2. あなたのフォームで

   ...
   ->add('icon', 'iconcheck', array(
           'class' => 'CroltsMainBundle:Icon',
           'property'=>'formField',
           'multiple'=>false,
           'expanded'=>true
         ))
   ...
   

   に注意してくださいproperty=>'formField'。つまり、as ラベルを返す代わりに__toString、エンティティ クラスの関数 getFormField から必要なものが返されます。

3. したがって、エンティティ クラスでは次のようになります。

   class Icon {
   
   ....
       public function getFormField() {  
          return $this;   /* or an array with only the needed attributes */ 
       }
   
   ....
   }
   

4. その後、カスタムフィールドをレンダリングできます

   {% block iconcheck_widget %}
      {% for child in form %}
         {% set obj=child.vars.label %}
           <div>
               <label for="something"><img src="/icons/{{obj.file }}" />{{obj.name}}</label>
               {{ form_widget(child) }} {# the radio/checkbox #}
             </div>
         {{ form_widget(child) }}#}
       {% endfor %}
   
   
   {% endblock %}
   

Answer 2

あなたの__toString()方法を潜在的に作ることができますか：

<?php
// Icon entity
public function __toString()
{
  return '<img src="/icons/'. $this->file .'" />' . $this->name';
}

そうでない場合は、カスタム タイプを作成する必要があります。しかし、それは本当に簡単です

<?php

namespace Your\NameSpace;

use Symfony\Bridge\Doctrine\Form\Type\EntityType;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\FormBuilderInterface;
use Symfony\Component\Form\FormViewInterface;
use Symfony\Component\Form\FormInterface;
use Symfony\Component\OptionsResolver\Options;
use Symfony\Component\OptionsResolver\OptionsResolverInterface;

class MyCustomType extends AbstractType
{
  public function getParent()
  {
    // By calling get parent here your custom type will
    // automatically inherit all the properties/functionality 
    // of the type you extend
    return 'radio';
  }
}

次に、タイプに合わせてカスタム ウィジェットを作成できます。私があなただったら、プロセスを非常によく説明しているので、クックブックのエントリを読むでしょう. フォーム用のデフォルトの Twig ウィジェットを見て、独自の作成方法を学ぶことができます。

Answer 3

今日、画像をアップロードするために、ファイル選択ボタンの前にサムネイルを追加する必要がありました。私はこれをやってしまった。申し訳ありませんが、あなたのケースの完全な例を作成する時間がありません.

• 親にアクセスして、エンティティを vich_uploadable_asset() ヘルパーに渡すだけです。

/src/AcmeBundle/Form/Type/AcmeFormType.php

<?php
    namespace Acme\AcmeBundle\Form\Type;

    use Symfony\Component\Form\AbstractType;
    use Symfony\Component\Form\FormBuilderInterface;

    class AcmeFormType extends AbstractType
    {
        public function buildForm(FormBuilderInterface $builder, array $options)
        {
            parent::buildForm($builder, $options);

            $builder
                ->add('icon', 'vich_uploadable')
            ...

config.yml

twig:
    form:
        resources:
            - 'AcmeBundle:Form:fields.html.twig'

services:
    acme.type.vich_uploadable:
        class: Acme\AcmeBundle\Form\Type\VichUploadableFieldType
        arguments: ["@doctrine.orm.entity_manager"]
        tags:
            - { name: form.type, alias: vich_uploadable }

/src/Acme/AcmeBundle/Form/fields.html.twig

{% block vich_uploadable_widget %}
{% spaceless %}
    {% if attribute(form.parent.vars.value, form.name) is not empty %}
    <img src="{{ vich_uploader_asset(form.parent.vars.value, form.name) | imagine_filter('thumb_square') }}" />
    {% endif %}
    {{ form_widget(form) }} {# If you're extending the radio button, it would show here #}
{% endspaceless %}
{% endblock %}

Answer 4

これが私がやったことです。多くの試行錯誤を繰り返し、EntityType クラス階層を掘り下げて、フォーム型が実際にどのように機能するかを学びました。最も難しい部分は、ソース コードを調べて、PHP クラスから Twig テンプレートを取得する方法 (どの変数が使用可能か) を理解することです。

これが私がしたことです。これは完璧な解決策ではありませんが (少しハッキリしています)、私の目的には合っています。アイデアは、基になるエンティティをビューに公開して、そのプロパティを取得できるようにすることです。

最大の問題はfile、ファイル パスを保持するプロパティがビューにハードコードされていることです。とにかく、他の人に役立つかもしれないので、ソリューション全体を投稿しています。また、誰かがより良い解決策を見つけることができれば、私は批判を受け入れます。

(名前空間は省略)

拡張エンティティ タイプ

<?php
class ExtendedEntityType extends EntityType
{
    public function getParent()
    {
        return 'extended_choice';
    }
    
    public function getName()
    {
        return 'extended_entity';
    }
}

拡張選択肢タイプ (addSubForms を変更する必要がありましたが、非公開です)

<?php
class ExtendedChoiceType extends ChoiceType
{

    /**
     * {@inheritdoc}
     */
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        if (!$options['choice_list'] && !is_array($options['choices']) && !$options['choices'] instanceof \Traversable) {
            throw new FormException('Either the option "choices" or "choice_list" must be set.');
        }

        if ($options['expanded']) {
            $this->addSubForms($builder, $options['choice_list']->getPreferredViews(), $options);
            $this->addSubForms($builder, $options['choice_list']->getRemainingViews(), $options);

            if ($options['multiple']) {
                $builder
                    ->addViewTransformer(new ChoicesToBooleanArrayTransformer($options['choice_list']))
                    ->addEventSubscriber(new FixCheckboxInputListener($options['choice_list']), 10)
                ;
            } else {
                $builder
                    ->addViewTransformer(new ChoiceToBooleanArrayTransformer($options['choice_list']))
                    ->addEventSubscriber(new FixRadioInputListener($options['choice_list']), 10)
                ;
            }
        } else {
            if ($options['multiple']) {
                $builder->addViewTransformer(new ChoicesToValuesTransformer($options['choice_list']));
            } else {
                $builder->addViewTransformer(new ChoiceToValueTransformer($options['choice_list']));
            }
        }

        if ($options['multiple'] && $options['by_reference']) {
            // Make sure the collection created during the client->norm
            // transformation is merged back into the original collection
            $builder->addEventSubscriber(new MergeCollectionListener(true, true));
        }
    }

    /**
     * {@inheritdoc}
     */
    public function getParent()
    {
        return 'choice';
    }

    /**
     * {@inheritdoc}
     */
    public function getName()
    {
        return 'extended_choice';
    }

    /**
     * Adds the sub fields for an expanded choice field.
     *
     * @param FormBuilderInterface $builder     The form builder.
     * @param array                $choiceViews The choice view objects.
     * @param array                $options     The build options.
     */
    private function addSubForms(FormBuilderInterface $builder, array $choiceViews, array $options)
    {
        foreach ($choiceViews as $i => $choiceView) {
            if (is_array($choiceView)) {
                // Flatten groups
                $this->addSubForms($builder, $choiceView, $options);
            } else {
                $choiceOpts = array(
                    'value' => $choiceView->value,
                    // Expose more data
                    'label' => array(
                        'data' => $choiceView->data,
                        'label' => $choiceView->label,
                    ),
                    'translation_domain' => $options['translation_domain'],
                );

                if ($options['multiple']) {
                    $choiceType = 'checkbox';
                    // The user can check 0 or more checkboxes. If required
                    // is true, he is required to check all of them.
                    $choiceOpts['required'] = false;
                } else {
                    $choiceType = 'radio';
                }

                $builder->add((string) $i, $choiceType, $choiceOpts);
            }
        }
    }
}

サービス

    <service id="crolts_main.type.extended_choice" class="My\MainBundle\Form\Type\ExtendedChoiceType">
        <tag name="form.type" alias="extended_choice" />
    </service>
    
    <service id="crolts_main.type.extended_entity" class="My\MainBundle\Form\Type\ExtendedEntityType">
        <tag name="form.type" alias="extended_entity" />
        <argument type="service" id="doctrine" />
    </service>

form_layout.html.twig

(これは MopaBootStrapBundle に基づいていますが、考え方は同じです。違いは、MopaBootstrap が をラップすること<label>です<radio>)

{% block extended_choice_widget %}
{% spaceless %}
    {% if expanded %}
        {{ block('extended_choice_widget_expanded') }}
    {% else %}
        {# not being used, just default #}
        {{ block('choice_widget_collapsed') }}
    {% endif %}
{% endspaceless %}
{% endblock extended_choice_widget %}

{% block extended_choice_widget_expanded %}
{% spaceless %}
    <div {{ block('widget_container_attributes') }}>
    {% for child in form %}
        <label class="{{ (multiple ? 'checkbox' : 'radio') ~ (widget_type ? ' ' ~ widget_type : '') ~ (inline is defined and inline ? ' inline' : '') }}">
            {{ form_widget(child, {'attr': {'class': attr.widget_class|default('')}}) }}
            {% if child.vars.label.data.file is defined %}
                <img src="{{ vich_uploader_asset(child.vars.label.data, 'file')}}" alt="">
            {% endif %}
            {{ child.vars.label.label|trans({}, translation_domain) }}
        </label>
    {% endfor %}
    </div>
{% endspaceless %}
{% endblock extended_choice_widget_expanded %}

使用法

<?php 
$builder->add('icon', 'extended_entity', array(
        'class' => 'MyMainBundle:MenuIcon',
        'property' => 'name', // this is still used in label.label
        'expanded' => true,
        'multiple' => false
    ));