简要地:我想编辑form elements父div类。在此代码中,请勿将css类添加或编辑到我的目标div(即表单组)中,并且跟随表单类型是另一个表单类型的元素。
我的表单类型如下:
public function buildForm(FormBuilderInterface $builder, array $options)
{
$builder->add('id', IntegerType::class, [
'empty_data' => '',
'label' => 'ID',
'attr' => [
'class' => 'col-sm-3'
],
]);
$builder->add('companyName', TextType::class, [
'empty_data' => '',
'label' => 'Şirket Adı',
'attr' => [
'class' => 'col-sm-3'
],
]);
}
因此,此表单类型在HTML中呈现:
<div class="form-group field-member_earning_filter"><label class="control-label"> </label>
<div id="form_filters_member" css="col-sm-11">
<div class="form-group field-integer"><label class="control-label"
for="form_filters_member_id">ID</label><input type="number"
id="form_filters_member_id"
name="form_filters[member][id]"
class="form-control col-sm-3">
</div>
<div class="form-group field-text"><label class="control-label" for="form_filters_member_companyName">Ticari
Ünvan</label><input type="text" id="form_filters_member_companyName"
name="form_filters[member][companyName]" class="form-control col-sm-3"></div>
您可以看到我要为每个元素组添加的CSS类已添加到form-control元素中。但实际上我想这样做:
<div class="form-group col-sm-3 field-integer"><label class="control-label"
for="form_filters_member_id">ID</label><input type="number"
id="form_filters_member_id"
name="form_filters[member][id]"
class="form-control">
我试图在视图层(位于细枝一侧)重构这个挑战,但实际上没有任何实际的块来编辑该“表单组”部分。另外,由于该原因,它是另一种表单类型中的一种表单类型,因此该块不会影响我的代码。我的意思是:
{% block form_row %}
<div class="form-group col-sm-3"> <--! but this form group actually my form type's form group -->
{{ form_label(field) }}
{{ form_errors(field) }}
{{ form_widget(field) }}
</div>
{% endblock %}
你有什么想法吗?
我找到了解决问题的方法。有点解决方法或黑客手段,但解决了我的问题:
public function buildForm(FormBuilderInterface $builder, array $options)
{
$builder->add('id', IntegerType::class, [
'empty_data' => '',
'label' => 'ID',
'block_prefix' => ' col-sm-3'
]);
$builder->add('companyName', TextType::class, [
'empty_data' => '',
'label' => 'Şirket Adı',
'block_prefix' => ' col-sm-3'
]);
}
此表单组的div仅受block_
选项的影响。正如您所猜测的,block_prefix
是类的前缀,但仅添加空格()即可解决我的问题:)