确认消息 - Javascript rails应用程序

时间:2014-04-13 10:37:58

标签: javascript ruby-on-rails ruby-on-rails-3 ruby-on-rails-3.2 ruby-on-rails-3.1

我对rails很新,我只是在插入“Proposition”(创建模型)时尝试显示确认消息。为此,我使用嵌入到rails的javascript功能。 不幸的是,当我点击并提交按钮时,该命题被正确插入但我找不到显示此确认消息的方法(例如“正确提交的命题”)......

在我正在使用的代码下面:

命题模型:

class Proposition < ActiveRecord::Base
belongs_to :ad
attr_accessible :email, :name, :phone, :price
validates_presence_of :name or :price or :email or :phone
end

在控制器中创建方法:

def create
@ad = Ad.find(params[:ad_id])
@proposition = @ad.propositions.create(params[:proposition])

respond_to do |format|
if @proposition.save
format.html { redirect_to ad_path(@ad), notice: 'Proposition was successfully created.' }
format.json { render json: ad_path(@ad), status: :created, location: @proposition }
format.js 
else
format.html { render action: "new" }
format.json { render json: @proposition.errors, status: :unprocessable_entity }
format.js { render action: "new" }
end
end
end

_form.html.erb:

<%= form_for [@ad, @ad.propositions.build], :remote => true do |f| %>
<% if @proposition.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(@proposition.errors.count, "error") %> prohibited this proposition from being saved:</h2>
<ul>
<% @proposition.errors.full_messages.each do |msg| %>
<li><%= msg %></li>
<% end %>
</ul>
</div>
<% end %>
<div class="field">
<%= f.label :Prénom %><br />
<%= f.text_field :name %>
</div>
<div class="field">
<%= f.label :"Adresse mail" %><br />
<%= f.text_field :email %>
</div>
<div class="field">
<%= f.label :Téléphone %><br />
<%= f.text_field :phone %>
</div>
<div class="field">
<%= f.label :"Prix proposé" %><br />
<%= f.text_field :price %>
</div>
<div class="actions">
<%= f.submit %>
</div>
<% end %>

create.js.erb:

$('#new_proposition').fadeOut(1000);

new.js.erb:

$('#new_proposition_link').hide().after('<%= j render("form") %>');

感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

由于您已经拥有create.js.erb文件,因此可以使用JS显示警告消息或在页面中插入确认消息,如此,

# app/views/.../create.js.erb

$('#new_proposition').before('<p>Proposition correctly submitted!</p>');
$('#new_proposition').fadeOut(1000);

这会在#new_proposition元素之前插入<p>Proposition correctly submitted!</p>。您可能希望将其插入其他位置,因为此元素将消失。