带有 <image>( X ) 标签的 simple_form 渲染单选按钮组与 twitter 引导程序？

Posted 2023-03-05

【中文标题】带有 <image>( X ) 标签的 simple_form 渲染单选按钮组与 twitter 引导程序？

【英文标题】：simple_form render radio button group with <image>( X ) Label with twitter bootstrap?

【发布时间】：2012-07-01 15:11:44

【问题描述】：

我尝试了一段时间使用 simple_form 创建下面的示例，但是 + 标签并修复了一些样式。任何人都知道如何解决：

删除

2

不知道它们来自哪里（在生产中似乎很奇怪的 i18n 错误，它会在其中抛出一大堆 I18n） 在单选按钮后添加文本男性或女性

是下面代码的结果：

     .clear
    = f.label "Gender"
    = f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']],
                                 :first, :last,
                                 :item_wrapper_class => 'horizontal',
                                 ) do |gender|
      = gender.label  image_tag("/assets/icons/16x16/#gender.text.png") + gender.radio_button  

    .clear
    .ruler

【问题讨论】：

如果删除 .clear 和 .ruler 会发生什么？实际上collection_radio_buttons之外的所有东西。最好隔离代码以确认 bug 位于 radio_buttons 集合中。

试过是在simple_form代码里面

有没有办法做到这一点，摆脱单选按钮，只使用 Boostrap 按钮或图像？

【参考方案1】：

要删除 2s 并在其中正确使用文本标签：

= f.label "Gender"
= f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']],
                             :first, :last,
                             :item_wrapper_class => 'horizontal',
                             )  |gender| gender.label  image_tag("/assets/icons/16x16/#gender.text.png") + gender.radio_button + gender.text  

在gender.label 之前删除= 将删除2s。

【讨论】：

如果你把它改成-会发生什么

HAML (= 输出到屏幕 _( ( - 计算 la 值 ) 所以什么都不做...

是的，这确实不是一个解决方案，我现在已经删除了图标，这一定是我真的是新手，否则这真的不容易。猜想我很快就会挖掘 simple_form 源代码以最终弄清楚

我只是想确认您已经尝试过，以便我可以继续帮助您调试问题。

是的，我已经尝试过了，但这是基础 HAML = 表示输出到屏幕 HAML - 表示计算或调用函数

【参考方案2】：

Rubytastic 你的答案中有一个额外的逗号。 这是@23inhouse 建议的正确代码。它在

中对我有用 导轨 3.1.3 简单形式 2.0.2 haml 3.1.4 haml-rails 0.3.4

    = simple_form_for @object_new do |f|
      .clear
      = f.label "Gender"
      - f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']], :first, :last, :item_wrapper_class => 'horizontal') do |gender|
        = gender.label  image_tag("rails.png") + gender.radio_button  
      .clear
      .ruler

【讨论】：

谢谢@engineerDave，Rubytastic 反复创建赏金以获得正确答案，然后说明答案存在问题，然后不为该问题支付赏金。 :-(

我会试试这个，如果是我的错，那么将问题视为已获批准。我不会在不支付赏金的情况下重复创造新的赏金。我不时不做太多的赏金活动。

好吧，那么公平就是公平，我已经用它应该是完全正确的语法更新了问题。最初的评论没有用，也许我是在拐角处做空，没有难过的感觉；）我会让它过期，这样你们俩都能得到 50% 的赏金，猜猜是最公平的解决方案。

我在上一次问这个问题大约一个月的时候正确回答了这个问题。这个问题也有你没有奖励的赏金。同样的问题，同样的答案......一个月前回答了。 ***.com/questions/10011970/…

你可以把赏金给@23inhouse。没什么大不了的。我一直在做 Rails 一段时间，但直到最近才开始关注我的 SO 点。:-) 只是想在我可以的地方/时间做出贡献。这对于 IMO 的编辑（就我而言）来说太小了，无法获得赏金积分。祝你学习 Rails 好运！

【参考方案3】：

最终工作的sn-p：

= f.label "Gender"
- f.collection_radio_buttons(:gender, [['Male', 'icon_male'], ['Female', 'icon_female']], :first, :last, :item_wrapper_class => 'horizontal') do |gender|
  = gender.label  image_tag("/assets/icons/16x16/#gender.text.png") + gender.radio_button  
.clear
.ruler