ruby-on-rails - 一个表单中的多个 Rails 提交按钮（一个遥控器）

Question

有没有办法在一个表单中添加两个提交按钮，并且其中一个请求应该是远程的？我的意思是不使用额外的 JS。

我的问题与Rails: Multi-submit buttons in one Form有关，但不同的是遥控器。

Answer 1

最简单的方法可能是在同一页面上有 2 个不同的表单。见下文。

你好控制器

class HelloController < ApplicationController
  def say_hello
    puts params

    respond_to do |format|
     format.html 
     format.js
    end
  end
end

路线.rb

TwoForms::Application.routes.draw do
  get "hello/get_ready"
  post "hello/say_hello"

  root to: "hello#get_ready"
end

意见/你好/get_ready.html.erb

<h2>Regular hello</h2>
<%= button_to "Regular Hello", hello_say_hello_path, name: "regular" %>

<h2>Ajaxy hello</h2>
<%= button_to "Ajaxy Hello", hello_say_hello_path, name: "ajaxy", remote: true %>

意见/你好/say_hello.html.erb

Success (regular)!

<%= params %>

意见/你好/say_hello.js.erb

alert("Success (Ajaxy)");

Answer 2

我认为你可以这样做：

在“远程”提交按钮上创建绑定：#remote_btn_submit

$("#remote_btn_submit").on("click", function(){ //click it's not the best bind perhaps input?
  $("#my_form").data("remote", "true");
  //or
  //$("#my_form").attr("data-remote", "true");
});

您还需要在远程提交上使用 preventDefault

Answer 3

我遇到了同样的问题，并使用此答案中的解决方案在单击相应按钮时通过 JQuery 使表单远程或非远程。为此，请将 egclass: 'local-button'和class: 'remote-button', 添加到您的提交按钮、id: 'my-form'表单和以下代码 (CoffeeScript)：

$(".remote-button").click ->
  $("#my-form").attr("data-remote", true)
$(".local-button").click ->
  $("#my-form").removeAttr("data-remote")
  $("#my-form").removeData("remote");