Question

尝试将其设置为远程时，我无法使simple_form无法正常工作。我不想刷新整个页面，而只刷新具有表单的区域。目前，我有这个：

<div class="col-2">
    <%= simple_form_for ([current_user, @character]), defaults: {label: false} do |m| %>
        <%= m.simple_fields_for :dnd5e_sheet do |p| %>
            <%= p.input :acrobatics, as: :boolean, input_html: { onchange: 'this.form.submit();' } %>
        <% end %>
    <% end %>
</div>

可以工作，但整个页面都会刷新，所以我添加了一条新路线：

resources :user, only: [:show] do
    resources :characters do
      put "minus-hp", to: "characters#minus_hp"
      put "add-hp", to: "characters#add_hp"
      patch "skill-update", to: "characters#skill_update"
    end
    resources :campaigns
  end

然后在控制器中我做了一个新动作：

def skill_update
    @character = Character.includes(:dnd5e_sheet)
                          .find(params[:character_id])
    @character.update(character_params)
    respond_to do |format|
      format.js { render partial: 'characters/DnD5e/skills' }
    end
  end

skill.js.erb仅有一个简单的呈现器：

$("#stats").html("<%= escape_javascript(render partial: 'characters/DnD5e/skills_card') %>");

我已经尝试过我能想到但无法使用的所有URL路径组合。

编辑：香港专业教育学院也尝试过：

<%= simple_form_for @character, url: user_character_skill_update_path(current_user, @character), method: :put, remote: true, :authenticity_token => true, defaults: {label: false} do |m| %>
                          <%= m.simple_fields_for :dnd5e_sheet do |p| %>
                            <%= p.input :acrobatics, as: :boolean, input_html: { onchange: 'this.form.submit();' } %>
                          <% end %>
                        <% end %>

但是它以HTML请求而不是javascript的形式发送，因此在response_to中出现错误

Answer 1

因此从这个问题Rails Trying to submit a form onchange of dropdown

中发现了

出问题的不是表单或远程true，而是onchange事件，因此将其更改为：

<%= m.input :acrobatics, input_html: { onchange: 'Rails.fire(this.form, "submit")' } %>

并且一切正常，可以使用远程表单

简单表单会导致远程抛出错误

1 个答案: