【问题标题】:Symfony horizontal radio buttonsSymfony 水平单选按钮
【发布时间】:2020-08-26 14:29:36
【问题描述】:

我正在尝试在同一行上获取单选按钮。到目前为止,我发现的最接近的解决方案是: Bootstrap 3: does form-horizontal work for radio buttons with a control-label?

Radio buttons Horizontal Alignment 但是他们不使用 symfony。是否有 symfony 表单的内置解决方案? 最简单的方法是什么? 顺便说一句,我仍然需要一些其他单选按钮是垂直的。

<div class="row" style='margin-bottom: 5px'>
    <div style='white-space:nowrap'>
         <div class='col-xs-5'>
             <div class='col-xs-5'>
                 {{ form_label(form.mNec, 'Necrotising enterocolitis', {'label_attr':{'style':'margin-top:3px'}})}}
             </div>
             <div class='col-xs-2' style='margin-top: 5px; margin-left: 120px'>
                  {{ form_widget(form.mNec, {'attr':{'style':'width:60px'}})}}
             </div>
         </div>
    </div>
</div>


->add('mNec', 'choice', array(
    'choices'=>array(
    'absent'=>1,
    'suspected'=>2,
    'proven (positive x-ray)'=>3),
    'choices_as_values'=>true,
    'expanded'=>true))

【问题讨论】:

  • 将这些样式添加到模板时会发生什么?
  • 你的意思是 tyle='margin-bottom 和 style='white-space:nowrap' 吗?
  • 不管它们是什么。 Twig 允许添加样式表,那么为什么要使用内联样式呢?
  • 能否请您详细说明在这个具体案例中如何做到这一点?我使用的样式与我的单选按钮的方向无关,这是我的问题。我欢迎任何建议。那么,您能否向我展示一种使某些单选按钮水平放置的简单方法?我希望 DataType 中有类似 expand-horizo​​ntal=>true 的东西,但我想它只会出现在我的梦中。
  • 我无法为您提供真实示例,但仍然可以帮助您更新您的问题,以便那些有专业知识的人更容易回答。你有没有设法用 lain html+css+bootstrap 做任何你需要的事情?如果是,请将该代码添加到您的问题中并(也许)改写它,以便它询问有关将该代码应用于树枝模板的更多信息。

标签: symfony radio-button twig


【解决方案1】:

所以最后答案很简单。

在 form.html.twig 中

<table style="width:100%">
<tr>
  <td>Some text</td>
  <td>{{ form_widget(form.variable[0])}}</td>
  <td>{{ form_widget(form.variable[1])}}</td>
  <td>{{ form_widget(form.variable[2])}}</td>  
</tr>

</table>

使用 Datatype.php

->add('variable', 'choice', array(
    'choices'=>array(
    'choice1'=>0,
    'choice2'=>1,
    'choice3'=>2),
    'choices_as_values'=>true,
    'expanded'=>true))

【讨论】:

    【解决方案2】:

    您可以使用 customizing an individual field 覆盖单个表单小部件

    {% block _nameOfYourForm_mNec_entry_row %}
    
    {% endblock %}
    

    但顺便说一句,您使用的是style 属性,我认为这个问题与 css 问题更相关。

    【讨论】:

    • 为了使单选按钮水平,我需要在自定义中写什么?顺便说一句,以这种方式使用样式属性有什么问题,模块化或其他什么?只要它不产生错误,我就可以接受。我只希望我的单选按钮是水平的。具体怎么做?
    猜你喜欢
    • 2017-07-06
    • 2012-08-31
    • 2014-07-27
    • 1970-01-01
    • 2013-02-06
    • 2014-03-17
    • 1970-01-01
    • 1970-01-01
    • 2017-03-09
    相关资源
    最近更新 更多