Question

*编辑*

我使用的是基金会主题，我相信问题就在于此。我创建了一个新的基本应用程序，在添加主题之前没有任何问题。当我找到罪魁祸首时，我会更新这个。

*上一页编辑*

我想消除场景中的一些变量，所以我通过使用form_for而不是simple_form_for来测试它，但没有成功。

在Cocoon的文档中，它提到：wrapper =＆gt;对于较新版本的Bootstrap的'bootstrap'选项，我确实使用了simple_form提供的类似的基础包装，但没有成功。

= simple_form_for @group, :wrapper => 'foundation', :html => {:class => 'form-vertical' } do |f|
...
= f.simple_fields_for :solicitations do |solicitation|
  = render 'solicitation_fields', :f => solicitation
.links
  = link_to_add_association "Add Invitation?", f, :solicitations, :render_options => { :wrapper => 'foundation' }

如果它是一个因素，我删除了很多样式。事实并非如此。

FWIW，我在Rails网站上推荐使用Ruby 2.1。另外，我因过度撞墙而头疼。

底线问题：为什么显示部分的触发器不起作用？

* END EDIT *

我非常想使用Nathanvda的Cocoon gem，但是在点击link_to_add_to_association后无法显示相关的嵌套表单。确实显示确认消息。我似乎错过了一些东西，或者我使用simple_form，zurb和cocoon使解决方案复杂化。

rails 4.0.2
simple_form 3.0.1
zurb-foundation 4.3.2
cocoon 1.2.5

文件：

... Models

class Group < ActiveRecord::Base
  has_many :solicitations, :dependent => :destroy
  accepts_nested_attributes_for :solicitations, reject_if: :all_blank

class Solicitation < ActiveRecord::Base
  belongs_to :group

... Controller

class GroupsController < ApplicationController
  before_action :authenticate_user!
  before_action :set_group, only: [:show, :edit, :update, :destroy]
  before_action :set_current_user, only: [:index, :edit, :update, :create]

  def new
    @group = Group.new
    respond_to do |format|
      format.html
      format.json { render json: @group }
    end
  end

  def create
    @group = Group.new(group_params)
    respond_to do |format|
      if @group.save
        format.html { redirect_to action: :index, notice: 'Group was successfully created.' }
        format.json { render json: @group, status: :created, location: @group }
      else
        format.html { render action: "new" }
        format.json { render json: @group.errors, status: :unprocessable_entity }
      end
    end
  end

  private

    def group_params
      params.require(:group).permit( :name, :id,
        solicitations_attributes: [ :id, :email, :name, :role, :_destroy ] )

... Form Partial _solicitation_fields.html.haml

= simple_form_for @group, :html => {:class => 'form-vertical' } do |f|
  = f.error_notification
  .fields
    .row
      .large-12.columns
        = f.input :name, :required => true, placeholder: 'A descriptive group name'
    %hr
      .large-12.columns
      %h4 Group Solicitations
      .large-12.columns
        %table.responsive
          %thead
            %tr
              - headings = ["* Name", "* Email", "* Role", ""]
              - headings.each do |heading|
                %th= heading
          %tbody
            = f.simple_fields_for :solicitations do |solicitation|
              = render 'solicitation_fields', :f => solicitation
            .links
              = link_to_add_association "Add Solicitation?", f, :solicitations, confirm: "Does this work?"
      .large-12.columns
      .row
        .large-12.columns
          = f.error :base
          = f.button :submit, class: "button radius"

... groups.js
$(document).ready(function() {
    $('#solicitations').bind('cocoon:before-insert', function(e,solicitation_to_be_added) {
        solicitation_to_be_added.fadeIn('slow');
    });

    $('#solicitations').bind('cocoon:after-insert', function(e, added_solicitation) {
        //added_solicitation.css("background","red");
    });

    $('#solicitations').bind('cocoon:before-remove', function(e, solicitation) {
        $(this).data('remove-timeout', 1000);
        solicitation.fadeOut('slow');
    })

});...

坦率地说，我是js方面的弱者。我已经工作了几天而且不想退出，所以任何帮助或方向都会受到赞赏。我已经看到Bootstrap需要一些内联包装器来处理cocoon和simple_form，但看起来simple_form初始化器在github上的nathanvda演示示例中发生了很大变化。

另外，当我在控制器动作中明确地放置@ group.solicitations.build时，我可以显示部分，但我没有在演示中看到该过程。

Answer 1

我决定用nested_form gem代替cocoon gem，它也失败了。问题在于主题及其要求将gem的js指令放在其自己的特殊清单中。主题的文档没有提到这一点。它没有发生在我cocoon.js没有加载。现在工作正常。

在Rails 4下，Cocoon gem不会使用simple_form和Zurb4进行部分渲染

1 个答案: