javascript - 动态创建模板栏

Question

我在页面上有几个按钮，根据单击的按钮，我想显示具有特定表单的模式视图。

我的想法：1）我可以为每个按钮生成一个模态表单。但是我可能会有很多按钮，所以这很快就会变得低效。2）我可以用javascript按下按钮后如何创建表单。用rails可以吗？我想使用 form_tag 并根据单击的按钮传入对象或它的 id。

谢谢！

Answer 1

首先将每个表单视图放在不同的部分中（_form1.html.erb,_form2.html.erb,_form3.html.erb）。使您视图中的每个按钮都向控制器发送一个不显眼的（http://railscasts.com/episodes/205-unobtrusive-javascript）请求，并带有您要呈现的表单的参数。然后在 .js.erb 文件中，您根据从按钮发送的参数决定呈现哪个表单，然后将此表单附加到模态

my_view.html.erb

<%= link_to "Render Form1", my_controller_my_method_path(:form => "_form1",:object_type => "Object1",:object_id => '100'),:remote => true %>
<%= link_to "Render Form2", my_controller_my_method_path(:form => "_form2",:object_type => "Object2",:object_id => '144'),:remote => true %>
<%= link_to "Render Form2", my_controller_my_method_path(:form => "_form3",:object_type => "Object3",:object_id => '160'), :remote => true %>
<div id="#my_modal"></div>

my_controller.rb

def my_method
  @form_partial=params[:form]
  @object=params[:object_type].constantize.find(params[:object_id])
  respond_to  do |format|
   format.js{render :action=>:my_method}
  end
end

my_method.js.erb

$('#my_modal').html("<%= j render :partial => @form_partial %>");

_form1.html.erb

<%= form_tag @object do |form| =>
<%= form.input :name%>
<%end%>

Answer 2

您必须向按钮单击上的操作之一发送远程请求，在该操作中您将决定模态视图的值作为注释传递，并使用远程 js 在模态视图中呈现相应的视图