【问题标题】:How to display a sfWidgetFormSelectRadio item without showing the label如何在不显示标签的情况下显示 sfWidgetFormSelectRadio 项目
【发布时间】:2010-07-20 15:05:14
【问题描述】:

我在 Ubuntu 10.0.4 上使用 Symfony 1.3.6。

我正在使用 sfWidgetFormSelectRadio 来允许用户从表单中的列表中选择图片。

在动作中,图片是这样设置的:

    $this->form->setWidget('chosenpic', new sfWidgetFormSelectRadio(array(
                            'choices' => $this->pictures,
                            'default' => $this->pictures[count($this->pictures)-1] ))
                            );

在模板中,小部件显示如下:

<?php echo $form['chosenpic']->render(array('id'=>'check'.($i+1), 'value'=> ($i+1), 'width' => "80", 'height' => "80")); ?>

这会生成以下输出:

<ul class="radio_list"><li><input type="radio" width="80" height="80" id="check1" value="1" name="flowers[chosenpic]">&nbsp;<label for="flowers_chosenpic_0">http://example.com/media/images/48408000/jpg/_48408794_009829449-1.jpg</label></li></ul>

我不希望标签出现,因为它会弄乱表单。没有自己手动生成 HTML(使用表单和小部件名称,有没有办法可以阻止小部件显示“标签”?

【问题讨论】:

    标签: symfony1 symfony-forms symfony-1.4


    【解决方案1】:

    您需要提供自定义格式化程序。在表单的配置函数中,执行以下操作:

    public function configure()
    {
      $this->setWidget('chosenpic', new sfWidgetFormSelectRadio(array(
            'formatter' => array($this, 'pictureRadioFormatterCallback')
      )));
    }
    

    然后,添加一个不向表单呈现标签的格式化程序:

    public function pictureRadioFormatterCallback($widget, $inputs)
    {
      $rows = array();
      foreach ($inputs as $input)
      {
        $rows[] = $widget->renderContentTag('li', $input['input']);
      }
    
      return !$rows ? 
        '' : 
        $widget->renderContentTag('ul', implode($widget->getOption('separator'), $rows), array('class' => $widget->getOption('class')));
    }
    

    但是,理想情况下,您应该使用标签来显示图像,而不是在标签之外显示图像。此外,在操作中配置小部件通常是个坏主意,该代码可以采用自己的形式吗?

    【讨论】:

    • 制作一个自定义表单(例如 FrontendModelForm),然后将图片作为选项传递到表单中。或者让表单本身执行检索图片所需的任何逻辑。
    【解决方案2】:

    您可以执行上述操作 - 或使用 CSS 隐藏默认生成的标签...类似于以下内容:

    ul.radio_list li input label { display: none; }
    

    表单本身可能有一个#id 来帮助您更好地指定 CSS 选择器。但是,如果您喜欢将样板 PHP 代码添加到您的应用程序,请随意:)

    【讨论】:

      猜你喜欢
      • 2019-10-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-07-22
      • 1970-01-01
      • 2016-03-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多