Question

给出简单的表单构建：

$form = add('a')
      ->add('b')
      ->add('c')
      ->add('d')
      ->add('e')
      ->add('f');

我想在ABC和DEF周围包装一个div标签，如下所示：

<div class="section1">
    <input type="text" name="a" />
    <input type="text" name="b" />
    <input type="text" name="c" />
</div>
<div class="section2">
    <input type="text" name="d" />
    <input type="text" name="e" />
    <input type="text" name="f" />
</div>

问题是，我只能在这个项目中使用Symfony表单组件。有没有办法使用树枝在上面的组中呈现表单字段？我需要指定一些逻辑，说明“使用'a'开始第1部分，使用'd'开始第2部分”，所以这样如果任何字段在中间发生变化（比如我们删除名为'b'的字段）表格仍然有效。

我的twig文件看起来像这样，显然不正确：

<form action="#" method="POST" {{ form_enctype(form) }}>
    {% for child in form.children %}
        <div class="form_row"> 
            {{ form_label(form) }}
            {{ form_errors(form) }}
            {{ form_widget(form) }}
        </div>
    {% endfor %}
</form>

Answer 1

最好的方法我认为是在控制器外构建表单（作为一个类，扩展AbstracType）

所以，你需要这些文件：

您的控制器（作为DefaultController.php）
您的twig模板（作为index.html.twig）
您的主要表单（本例中为MyFormType.php）
每个部分的一个表单（在您的示例中为Section1Type.php和Section2Type.php）

因此，我们的想法是构建一个由多个单独的部分表单（Section1Type和Section2Type）构成的单个表单（MyFormType）。然后在控制器中调用此主窗体并将其呈现在模板中（每个部分使用“for”循环）。

所以这里有代码：

你的控制器：

<?php
# /src/Acme/DefaultBundle/Controller/DefaultController.php

namespace Acme\DefaultBundle\Controller;
use Symfony\Bundle\FrameworkBundle\Controller\Controller;
use Acme\DefaultBundle\Form\MyFormType;

class DefaultController extends Controller
{
    public function indexAction()
    {
        $form = $this->createForm(new MyFormType());

        return $this->render('AcmeDefaultBundle:Default:index.html.twig', array(
            'form' => $form->createView()
        ));
    }
}

您的模板：

{# /src/Acme/DefaultBundle/Resources/views/Default/index.html.twig #}

{{ form_start(form) }}
    <div class="section1">
        {% for input in form.section1 %}
            {{ form_label(input) }}
            {{ form_widget(input) }}
            <br>
        {% endfor %}
    </div>
    <div class="section2">
        {% for input in form.section2 %}
            {{ form_label(input) }}
            {{ form_widget(input) }}
            <br>
        {% endfor %}
    </div>
{{ form_end(form) }}

主要形式：

<?php
# /src/Acme/DefaultBundle/Form/MyFormType.php

namespace Acme\DefaultBundle\Form;

use Acme\DefaultBundle\Form\Section1Type;
use Acme\DefaultBundle\Form\Section2Type;

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

class MyFormType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        // This calls your section forms as many as you need
        $builder->add('section1', new Section1Type());
        $builder->add('section2', new Section2Type());

        $builder->add('Send', 'submit');
    }

    public function getName()
    {
        return 'myform';
    }
}

第1节表格：

<?php
# /src/Acme/DefaultBundle/Form/Section1Type.php
namespace Acme\DefaultBundle\Form;

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

class Section1Type extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('a', 'text');
        $builder->add('b', 'text');
        $builder->add('c', 'text');
    }

    public function getName()
    {
        return 'section1';
    }
}

第2节：

<?php
# /src/Acme/DefaultBundle/Form/Section2Type.php
namespace Acme\DefaultBundle\Form;

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

class Section2Type extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('d', 'text');
        $builder->add('e', 'text');
        $builder->add('f', 'text');
    }

    public function getName()
    {
        return 'section2';
    }
}

就是这样，您可以编辑每个单独的部分（添加和删除输入），您将在模板中获取所有部分而无需修改它。

在Twig中的div中包装Symfony表单字段

1 个答案: