1

我仍在学习 RoR，并在线学习了各种教程。在那个过程中，我相信我搞砸了 Bootstrap 2 在验证 Simple_Form 提交时显示的漂亮的 Flash 通知。我试图更新我的代码，但没有成功。这是我到目前为止...

运行：Rails 3.2.13 Ruby 2.0.0

我刚刚在我的gemfile中使用这个 gem 升级到 Bootstrap 3 ：

gem 'bootstrap-sass-rails'

在我的application.html.erb我有：

<%= render 'layouts/messages' %>

在我的_messages部分中，我有：

<% flash.each do |type, message| %>
  <div class="alert <%= bootstrap_class_for(type) %> fade in">
    <button class="close" data-dismiss="alert">×</button>
    <%= message %>
  </div>
<% end %>

在我的application_helper.rb我有：

def bootstrap_class_for flash_type
    case flash_type
      when :success
        "alert-success"
      when :error
        "alert-error"
      when :alert
        "alert-block"
      when :notice
        "alert-info"
      else
        flash_type.to_s
    end
  end

在我的users_controller.rb我有：

def update
    respond_to do |format|
      if @user.update_attributes(params[:user])
        format.html { redirect_to @user, notice: 'Account successfully updated.' }
        format.json { head :no_content }
      else
        format.html { render action: "edit" }
        format.json { render json: @user.errors, status: :unprocessable_entity }
      end
    end
  end

在我的edit.html.erb视图中，我有：

<%= simple_form_for(@user) do |f| %>
    <%= f.input :firstname %>
    <%= f.input :lastname %>
    <%= f.input :email %>
    <%= f.input :password %>
    <%= f.input :password_confirmation %>
    <%= f.submit "Save changes", class: "btn btn-lg btn-primary" %>
<% end %>

验证有效，但是当返回到编辑视图时，没有格式（红色表示错误）或闪烁消息出现。仅显示每个字段之外非常难以发现的消息。我一定错过了 Simple_Form 和 Bootstrap 3 之间的一些链接，只是不知道是什么。

我发现另一个帖子，海报建议添加：

config.input_class = "form-control"

到我的 simple_form 初始化程序，但这给了我一个错误（认为我可能没有最新版本？）：

undefined method `input_class=' for SimpleForm:Module (NoMethodError)

我希望我知道发生了什么，但我真的希望有人可以帮助我恢复格式和闪存消息。抱歉，如果这是一个完全新手的问题，但我感到有点失落，并且可能后悔我过早升级到 Bootstrap 3。

提前一千感谢所有阅读所有内容的人:)

4

2 回答 2

4

我从railscasts.com和其他网站获得了以下代码组合。

<% flash.each do |name, msg| %>
<div class="alert alert-<%= name == :notice ? "success" : "error" %>">
   <a class="close" data-dismiss="alert">×</a>
      <%= msg %>
</div>
<% end %>

将此添加到控制器的顶部：

respond_to :html, :json

把它放在每个控制器动作中：

def create
  ...
  flash[:notice] = 'User was successfully created.'
  respond_with(@user)
end

适用于 rails 3.2+ 和 4.0 以及 twitter bootstrap rails 2，在 tbsr 3 中未经测试，但可能会正常工作。

于 2013-09-27T03:55:24.440 回答
0

这对我来说比其他人好得多，因为它更短并且包括所有警报案例 -> Bootstrap 提供的错误、成功、警报和通知。

注意：我将您的 _messages 部分重命名为 _flash_messages，因为这是大多数人使用的。

对于那些可能想知道在哪里生成 _flash_messages 部分的人来说，这非常简单，只需右键单击视图中的布局文件夹并“添加新文件”。您可以像我一样将其命名为 _flash_messages，并确保在“flash ...”之前有第一个下划线 (_)。点击“保存”

现在在您的_flash_messages.html.erb部分中，使用它

    <% unless flash.blank? %>
       <% flash.each do |type, message| %>
          <div class="alert <%= flash_class(type.to_s) %>">
             <button class="close" data-dismiss="alert">x</button>
          <%= message %>
          </div>
       <% end %>
    <% end %>

在你的application_helper.rb中使用这个

       def flash_class (type)
          case type
             when 'error'
                 "alert-error"
             when 'notice'
                 "alert-info"
             when 'alert'
                 "alert-block"
             when 'success'
                 "alert-success
          else
             type.to_s
          end
     end

然后在您的application.html.erb中，将此添加为您的第一个 div 中的第一行

<%= render partial: 'layouts/flash_messages', flash: flash %>

请注意，我们渲染部分（任何部分），没有'starter'下划线（_），即在单词'flash..'之前

您可以从teamtreehouse 查看有关显示不同警报案例的答案。

希望这可以帮助！

于 2016-07-04T13:36:06.417 回答