繁体   English   中英

在Rails 4中向表单添加样式会导致f.submit按钮不起作用

[英]Adding styling to a form in Rails 4 causing f.submit button to not work

我正在Rails4中构建表单。 当我添加用于样式化此表单的div时,f.submit按钮停止工作。 我尚未更改控制器或型号。 下面的代码。 谢谢!

_form在“计划”视图中

 <div class="sidebar-widget">
                  <div class="Pricing-box">
                      <div class="price-title spacing-box">
                        <h4>Create a New Plan</h4>
                      </div>

                    <hr>
                    <div class = "sidebar-form"
                    <%= form_for(plan) do |f| %>

                      <div class="name-field">
                        <%= f.label :name %>
                        <%= f.text_field :name %>
                      </div>

                      <div class="time-field">
                        <%= f.label :time %>
                        <%= f.time_field :time %>
                      </div>

                      <div class="date-field">
                        <%= f.label :date %>
                        <%= f.date_select :date %>
                      </div>

                      <div class="restaurant-field">
                        <%= f.label :restaurant %>
                        <%= f.collection_select :restaurant_id, Restaurant.all, :id, :name %>

                      </div>
                      </div>

                      <div class="spacing-grid">

                        <%= f.submit "Create Plan", class: 'btn btn-md btn-black'%>
                        <% end %>

                      </div>
                  </div>

在计划控制器中:新建,索引和创建操作

class PlansController < ApplicationController

  def new
    @plan = Plan.new
  end

  def create
    @plan = Plan.create(plan_params)
    @plan.users << current_user
    redirect_to @plan
  end

  def index

    @plans = Plan.all
    #binding.pry
     respond_to do |format|
      format.html
      format.js {}
    end
  end

在“计划”视图中,index.html.erb

<section class="ptb ptb-sm-50">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-4 mt-xs-30">
                      <%= render "plans/form", {plan: Plan.new } %>
                      <%= render "plans/all_plans", {plans: @plans} %>
                    </div>
                </div>
            </div>
</section>  

尝试修改form_for标记,使其看起来像这样:

<%= form_for @plan, url: {action: "create"} do |f| %>

这是Rails指南建议的语法-不确定是否可以解决您的问题。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM