Question

form do |f|
    f.inputs :question do
        f.input :id, :as => :hidden
        f.input :questionaire_id, :as => :hidden
        f.input :role, :as => :hidden
        f.input :question_type
        f.input :description
        f.input :option
        f.input :score
    end
    f.actions
end

在上面的表格中，如何显示这两个输入

        f.input :option
        f.input :score

在一行？有什么想法吗？

Answer 1

我想我得到了答案

首先我们应该检查Formtastic::Helpers::InputHelper

根据帮助者：

输入用于呈现单个表单输入（或字段）的所有内容（标签，表单小部件，错误消息，提示等），通常表示表单上的单个方法或属性对象或模型。

内容包含在 li 标记中，因此通常在输入块内部调用（在字段集中呈现 ol ）

选项：wrapper_html 可用于覆盖或添加要传递给包装 li 标记的HTML属性

所以在表格中我们应该这样做：

form do |f|
f.inputs :question do
    f.input :id, :as => :hidden
    f.input :questionaire_id, :as => :hidden
    f.input :role, :as => :hidden
    f.input :question_type
    f.input :description
    f.input :option, :wrapper_html => { :class => 'fl' } 
    f.input :score, :wrapper_html => { :class => 'fl' }, :label => false
end
f.actions
end

：label =＆gt; false 可以禁用表单输入的标签。

然后在css文件中指定类'fl'（我只是在@Andrey Deineko告诉我们的@_minmin.css.scss中添加来自Include two inputs in same LI element in Formtastic的以下css）：

form.formtastic fieldset ol li.fl {display:inline;}

然后我们在同一行上有两个输入〜希望这会有所帮助〜

如何在activeadmin表单页面的一行中显示两个'f.input'

1 个答案: