Rails 4 表单和列表在同一页面上，正确的格式响应

Question

目标是在索引页面上创建、编辑和销毁模型类别。我可以保存模型，但无法刷新列表。我读过很多类似的例子，令人困惑。

这就是我所拥有的：

在视图/类别/index.html.erb

<!-- Full expand -->
<div class="row mt-20">
        <div class="well-basic">
            <div class="col-xs-8">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Content</th>
                            <th>Actions</th>
                            <th colspan="3"></th>
                        </tr>
                    </thead>

                    <tbody>
                        <% @categories.each do |category| %>
                        <tr>
                            <td><%= category.content %></td>
                            <td> Edit |
                            <%= link_to '', category, method: :delete, data: { confirm: 'Are you sure?' }, class: 'glyphicon glyphicon-remove' %> </td>
                        </tr>
                        <% end %>
                    </tbody>
                </table>

            </div>

            <div class="col-xs-4">
                <%= render '/categories/form', :locals => {:category => @category} %>
            </div>

        </div>
</div>
<!--/ Full expand -->

这是 app/categories/_form.html.erb 中的表单

<%= simple_form_for(@category, remote: true ) do |form| %>
<%= form.error_notification %>

<div class="form-inputs">
    <%= form.input :content %>
</div>

<div class="form-actions">
    <%= form.button :submit, class: 'btn btn-success custom-reload' %>
</div>

<% end %>

好像麻烦来了：在 app/controllers/categories_controller.rb

class CategoriesController < ApplicationController
def index
    @user = current_user
    @categories = @user.categories
    @category = Category.new 
  end

  def create
    @user = current_user
    @category = @user.categories.build(category_params)

    respond_to do |format|
      if @category.save
        format.html { redirect_to @categories, notice: 'Category has been sucesifully created' }
        format.js {  }
        format.json { render json: @category, status: :created, location: @category }
      else
        format.js { render @categories, notice: 'Category could not been saved.' }
        format.json { render json: @category.errors, status: :unprocessable_entity }
      end  
    end

  end

  def destroy
    @category = Category.find(params[:id])
    @category.destroy
    redirect_to :back
  end

  private

  def category_params
    params.require(:category).permit(:content)
  end
end

这是 app/views/categories/create.html.erb。第一行有效，第二行无效。

$("<%= escape_javascript(render @category") %>).appendTo("#categories")
$('.custom-reload').on('click', function() {    
    window.location.reaload();
});

请帮助，有人知道如何刷新页面。甚至，更好的是，有人有关于列表中这种常见表单用法的完整示例吗？ （我什至还没有尝试编辑，但已经删除了作品）。谢谢。

Answer 1

我找到了一种在同一页面上显示列表和模型形式的方法。这是非常基本的，为了超越 RoR 约定，也许更多的例子可能会很棒。谢谢。

模型是类别。

# views/categories/_category.html.erb

<%= category.content %>
<%= link_to '', category, method: :delete, data: { confirm: 'Are you sure?' }, class: 'glyphicon glyphicon-remove' %> </td>


# views/categories/index.html.erb

<div class="col-xs-8">
<%= render @categories %>
</div>
<div class="col-xs-4">
<%= render '/categories/form', :locals => { :category => @category } %>
</div>


# views/categories/_from.html.erb

<%= simple_form_for(@category, remote: true ) do |form| %>
<%= form.error_notification %>

<div class="form-inputs">
    <%= form.input :content %>
</div>

<div class="form-actions">
    <%= form.button :submit, class: 'btn btn-success btn-action' %>
</div>
<% end %>


# controllers/categories_controller.rb

def create
    @user = current_user
    @category = @user.categories.new(category_params)

    if @category.save
      respond_to do |format|
        format.html { render @categories, :notice => 'Category has been successfully created' }
        format.js {  } // No need to write here because rails search for create.js.erb by default
      end
    else
      respond_to do |format|
        format.html { render @categories, :alert => 'Category could not been saved.' }
        format.js { render "fail_create.js.erb" }
      end
    end

  end

  def destroy
    @category = Category.find(params[:id])
    @category.destroy
    redirect_to :back
  end


# views/categories/create.js.erb

$("<%= escape_javascript(render @category) %>").appendTo("#categories");
$('.btn-action').on('ajax:success', window.location.reload(true));


# views/categories/fail_create.js.erb

alert("<%= @category.errors.full_messages.to_sentence.html_safe %>");

我仍会寻找在同一页面上进行编辑的方法。如果有人知道，请发布示例。