Symfony2自定义表单渲染器辅助函数

时间:2016-04-18 12:35:50

标签: php forms symfony twig customization

我想定义一个新的twig函数“form_field”,它呈现form_labelform_widgetform_errors。 我不想覆盖form_row因为我已经为了不同的目的而这样做了:form_row还包装了我的布局所需的<div/>容器。具体来说,我添加了bootstrap类。

为什么我需要这个?通常我使用form_row但我有很多表格行,我想在同一行中放置两个或更多的字段(例如“名字”和“姓氏”)。在这些情况下,我手动定义我的包裹<div/>,但我不想每次都写出三个函数调用(form_labelform_widgetform_errors)。

我尝试指定自定义函数,但在调用twig函数时出现异常。对于这个解决方案,我需要知道如何从自定义函数调用Twig函数。

我的第二次尝试是让Symfony的解决方案适应自己的表单助手。我在vendor / symfony / symfony / src / Symfony / Bridge / Twig / Extension / FormExtension.php中找到了这一行:

new \Twig_SimpleFunction('form_widget', null, array('node_class' => 'Symfony\Bridge\Twig\Node\SearchAndRenderBlockNode', 'is_safe' => array('html'))),

看起来像一个实际上只是呈现一个块的函数。当我在AppBundle中调整该行时,抛出异常,其中Symfony声称名为“form_field”的块未定义。但是,我在自定义表单模板中定义了此块:

{% use 'bootstrap_3_horizontal_layout.html.twig' %}

{%- block form_field -%}
    {{- form_label(form) -}}
    {{- form_widget(form) -}}
    {{- form_errors(form) -}}
{%- endblock form_field -%}

1 个答案:

答案 0 :(得分:1)

声明一个twig模板Form / form_field.html.twig:

{%- block form_field -%}
    {{- form_label(form, label) -}}
    {{- form_widget(form) -}}
    {{- form_errors(form) -}}
{%- endblock form_field -%}

然后我在我的Twig自定义函数中使用了renderBlock方法。这是我的twig扩展文件,如here所述:

namespace AppBundle\Twig;

class AppExtension extends \Twig_Extension
{
    protected $environment;
    private $template;

    public function __construct(\Twig_Environment $env)
    {
        $this->environment = $env;
    }


    public function getFunctions()
    {
        return array(
            'form_field' => new \Twig_SimpleFunction('form_field', array($this, 'formField'), array(
                'is_safe' => array('html')
            ))
        );
    }

    public function formField($form, $label = null)
    {
        $this->template = $this->environment->loadTemplate( '::Form/form_field.html.twig' );

        return $this->template->renderBlock('form_field', array(
            'form' => $form,
            'label' => $label
        ));
    }

    /**
     * Returns the name of the extension.
     *
     * @return string The extension name
     */
    public function getName()
    {
        return 'app_extension';
    }
}

我将DI容器配置为传递AppExtension服务的Twig_Environment:

services:
    app.twig_extension:
        class: AppBundle\Twig\AppExtension
        arguments:
            - '@twig'
        tags:
            - { name: twig.extension }