將html添加到活動管理頁面

Question

我想在活動的管理表單中添加一些html或div，以便我可以將jquery文件上傳器進度條添加到活動的管理表單頁面。 目前，我的表單如下所示：

  form(:html => { :multipart => true}) do |f|
    f.inputs "Studio" do
      f.input :name
      f.input :position
      f.input :description
      f.input :image, :label => "Image - (must be 335x221px)"
      f.input :gallery_image, :label => "Image - (must be 600x400px)"
    end
    f.actions 
  end

假設我想在每個上傳器上方添加一個div以顯示我的上傳進度，我將如何在每個上面添加某種div？

Answer 1

您應該將表單移動到視圖並在那里進行修改。

應用程序/管理/ studio.rb

form do |f|              
    render partial: 'form'                        
end  

應用程序/視圖/管理/工作室/ _form.html.erb

<%= form(:html => { :multipart => true}) do |f| %>
    <div class="progress">...</div>
    <%= f.inputs "Studio" do %>
         <%= f.input :name %>
         <%= f.input :position %>
         <%= f.input :description %>
         <%= f.input :image, :label => "Image - (must be 335x221px)" %>
         <%= f.input :gallery_image, :label => "Image - (must be 600x400px)" %>
    <% end %>
    <%= f.actions  %>
<% end %>

Answer 2

主動管理員根據他們的文檔在Formtastic上創建了一個DSL

https://github.com/activeadmin/activeadmin/blob/master/docs/5-forms.md

所以你現在可以這樣做：

form do |f|
  f.semantic_errors(*f.object.errors.keys)

  import_errors = self.controller.instance_variable_get("@errors")
  if import_errors.present?
    ul class: 'errors' do
      import_errors.each do |e|
        li e
      end
    end
  end