在複選框集合上應用類

我想在集合的每個實例上添加一個類。這是我的複選框集：在複選框集合上應用類

.cov-pick-row.w-row 
     = f.input_field :inspiration_image_ids, 
     :collection => @inspiration_images.map {|img| [image_tag(img.image.url(:thumb)).html_safe, img.id] }, 
     class: 'image-cov-pick', 
     :include_blank => '(All)', 
     :multiple => true, 
     :selected => [''], as: :check_boxes

我想這樣的輸入：

  .cov-pick-row w-row 
       .w-col.w-col-2 w-col-small-4.w-col-tiny-6 
       .image-cov-pick 
        = image_tag('my_image1.jpg') 
       .w-col.w-col-2 w-col-small-4.w-col-tiny-6 
       .image-cov-pick 
        = image_tag('my_image2.jpg') 
       ...

這是輸出HTML

所以我的問題是：如何添加這個類.w-col.w-col-2 w-col-small-4.w-col-tiny-6上面的類image-cov-pick爲每個實例？

謝謝您的幫助

來源

2017-03-26 Orsay

你可以發佈你的當前html輸出嗎 –

我用輸出的HTML編輯我的問題 – Orsay

您正在使用simple_form表單生成表單這裏。你在這裏只限於通過類輸入。

您不能在這裏使用input_field標記創建父div。

如果要創建具有所需html的此類集合，則需要修改simple_form input_field content_tag，或者可以創建自己的html並分配所需的名稱屬性以進行輸入。

來源

2017-03-26 11:37:20

謝謝你的回答。我不明白你的第一個建議（帶有input_field和content_tag的建議）是否可以開發？如果可能的話，我想避免使用html格式。添加父'input_field'標記不起作用，因爲我想將樣式應用於每個實例 – Orsay

您可以在這裏查看當前代碼的外觀如何：http：//www.rubydoc.info/github/plataformatec/simple_form/SimpleForm/FormBuilder ：你需要重寫input_field。 –

在複選框集合上應用類

回答

相關問題