【问题标题】:ActiveAdmin remove fieldset wrap from nested blockActiveAdmin 从嵌套块中删除字段集包装
【发布时间】:2015-05-20 17:13:32
【问题描述】:

我正在使用 ActiveAdmin 构建一个表单,它允许用户在 Job 表单中添加 Quote 作为嵌套属性。我想将QuoteJob 的属性组合到同一个表单块中。

我已经成功地完成了这项工作,但是我的嵌套 :quote 块渲染了一个嵌套的 fieldset 元素来配合它。我只希望它渲染 li 元素,没有任何包装位。

我当前的代码如下所示:

ActiveAdmin.register Job do

  form do |f|

  f.inputs "Quote Details" do

    f.inputs "", :for => [:quote, f.object.quote || Quote.new] do |f|
      f.input :quote, :input_html => { disabled: !current_admin_user.role?(:admin) }, hint: f.object.quote.present? ? link_to(f.object.quote.identifier, f.object.quote.url) : false
      f.input :quote_cache, as: :hidden
      f.input :_destroy, :as => :boolean if f.object.quote.present?
    end

    f.input :quote_accepted# if f.object.quote.present?
    f.input :quote_accepted_date, as: :datepicker# if f.object.quote_accepted

  end

  end

end

我将如何编辑它以使 :quote 块没有环绕它?

【问题讨论】:

  • 你试过f.fields_for :quote do |q|吗?
  • 不幸的是,这给我返回了错误undefined method 'quote' for nil:NilClass
  • 你是如何使用它的?
  • 我已经成功地完成了一半。我已经更新了这个问题,以反映我在哪里。有什么想法可以从嵌套块中删除包装 fieldset 元素吗?

标签: ruby-on-rails ruby-on-rails-4 activeadmin formtastic


【解决方案1】:

这个问题很老,但我遇到了同样的问题,这个答案可能会对某人有所帮助。

我不能只渲染一个字段集,但我通过编辑第二个 f.inputs 的 css 样式来修复它。我在第二个f.inputs 中添加了style: 'border: none'。您可以添加一个类而不是内联样式。

类似这样的:

ActiveAdmin.register Job do

  form do |f|

  f.inputs "Quote Details" do

    f.inputs :for => [:quote, f.object.quote || Quote.new], style: 'border: none' do |f|
      f.input :quote, :input_html => { disabled: !current_admin_user.role?(:admin) }, hint: f.object.quote.present? ? link_to(f.object.quote.identifier, f.object.quote.url) : false
      f.input :quote_cache, as: :hidden
      f.input :_destroy, :as => :boolean if f.object.quote.present?
    end

    f.input :quote_accepted# if f.object.quote.present?
    f.input :quote_accepted_date, as: :datepicker# if f.object.quote_accepted

  end

  end

end

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-08
    • 2018-12-30
    相关资源
    最近更新 更多