bootstrap-4 - 在 easy-admin 3 中使用输入组

Question

我正在尝试在easy-admin3中使用输入组，就像我搜索网络一样，我找不到任何想法？

我的问题是是否可以通过从configureFields方法指定配置来添加它，因为“ setFormTypeOption ”用于指定某些属性，而不必为此创建文件file.html.twig

      $emailFields = TextField::new('email')->setFormTypeOption("attr.maxlength", 100);

      if($pageName==Crud::PAGE_EDIT || $pageName==Crud::PAGE_NEW){
        $tagFields
          ->setFormTypeOption("attr.class", 'check-field')
          ->setFormTypeOption("attr.style", "text-transform:uppercase")

          // something like that
          //->setFormTypeOption("attr.input-group", "@example.com")
      }

得到这样的东西。

Answer 1

我相信你可以像这样添加一个类或其他属性

TextareaField::new('value')->setFormTypeOptions([
        'attr' => [
            'data-ckeditor' => 'true',
            'class' => 'form-control',
        ],
    ])
    ;

但是您想要做的需要使用表单主题模板：

到 form_theme.html.twig

{% block value_widget -%}
    {%- if symbol -%}
        <div class="input-group">
            {{- block('form_widget_simple') -}}
            <div class="input-group-append">
                <span class="input-group-text">{{ symbol|default('%') }}</span>
            </div>
        </div>
    {%- else -%}
        {{- block('form_widget_simple') -}}
    {%- endif -%}
{%- endblock %}

至仪表板控制器

public function configureCrud(): Crud
{
    return Crud::new()
        ->addFormTheme('form_theme.html.twig')
    ;
}

终于到你的领域

TextField::new('value')
    ->setFormTypeOptions([
        'block_name' => 'value',
    ])
    ;