添加 CSS 属性到 Symfony 表单标签？

Question

我尝试向自定义 sfForm 中的标签添加一些 css 属性，但无法实现。

在我的自定义类 myForm extends sfForm 中，我动态创建了所有文本字段：

public function configure()
{
    $widgetFixtures = array();
    foreach ($fixtures as $fixture) {  
     $widgetFixtures[$fixture->getId()] = new sfWidgetFormInputText(  
            array('label' => $fixture->getTeamNameDom()),  
            // I would like to add something like: array('class' => $fixture->getCSS()),
            array('value' => $fixture->getScore1(), 'readonly' => 'readonly')
            );
    }
    $this->setWidgets($widgetFixtures);
}

我尝试使用 setFormFormatterName 设置渲染格式，但没有成功。

注意：我无法在模板中使用 renderLabel($value, $attributes = array()) 因为我从数据库获取 CSS 类（正如您可能已经看到的，我必须使用： $fixture->getCSS())。

有人可以照亮我吗？

非常感谢。

Answer 1

这是我解决问题的方法。
我采纳了 johnwards 和 richsage 的建议，并将它们放在一起：
“这类事情应该在视图/操作中处理。”
“访问传递给 Widget 本身的选项/属性。”

首先，我将 CSS 类添加到输入本身（即使我不会使用它）。

在我的自定义类 myForm extends sfForm 中，

foreach ($fixtures as $fixture) {    
     $widgetFixtures[$fixture->getId()] = new sfWidgetFormInputText(  
         array('label' => $fixture->getTeamNameDom()),  
         array('value' => $fixture->getScore1(), 
               'readonly' => 'readonly',  
               'class' => $fixture->getCSS())  
         );  
}  

然后在模板中，我不使用 echo $form;，而是将 CSS 类添加到标签中，如下所示：

foreach ($form as $widgetId => $widget) {  
    ...
    $labelClass = $widget->getWidget()->getAttribute('class');  
    echo '<td>'.$widget->renderLabel(null, array('class' => $labelClass)).'</td>';  
    ...
}

也许可以不是解决此问题的最佳方法，但它有效。

感谢大家的反馈！

Answer 2

你想要做的事情似乎是可能的，但你的灰色语法似乎有点不对劲。试试这个：

    $widgetFixtures[$fixture->getId()] = new sfWidgetFormInputText(  
        array('label' => $fixture->getTeamNameDom()),  
        array('class' => $fixture->getCSS()),
        array('value' => $fixture->getScore1(), 'readonly' => 'readonly')
    );

...或在这里检查“sfWidgetForm基类”部分：http://www.symfony-project.org/forms/1_4/en/A-Widgets

Answer 3

对于所有表单小部件，类属性需要作为第二个参数中的数组传入。

$this->setWidget('foo', new sfWidgetFormInputText(array(),array('class','fooclass'));

Answer 4

如果您想将 CSS 添加到标签（特别是呈现标签的方法），您可以尝试覆盖小部件类。然后，您可以执行类似的操作

$foo = new myWidgetFormInputText(array("myCSSClass" => $fixture->getCSS()));

，然后重写您的小部件中的 renderLabel() 方法或类似方法。您的小部件将可以访问您传入的选项 - 在上面的示例中，myCSSClass 是选项键。然后，您可以将此类值应用到小部件的标签。

Answer 5

这比那容易得多。只需将 CSS 应用于标签的标签...

label[for=payment_cardNumber]
{
    margin-top: 20px;
    color: red;
}