Rails 使用 ajax 调用更新多态对象的部分表答案

【问题标题】：Rails updating a table partial for a polymorphic object with ajax callsRails 使用 ajax 调用更新多态对象的部分表
【发布时间】：2016-04-04 01:59:37
【问题描述】：

当我使用 ajax 调用创建/销毁对象时，我遇到了更新表（添加/删除行）的问题。

我正在开发的应用程序可以将任务分配给各种类别，例如项目、文档等。任务模型是通过与这些对象的多态关系来实现的。

我目前正在渲染任务列表和表单以创建一个新任务作为部分。 form_for 新任务使用 ajax 显示/隐藏表单并创建新任务。

我遇到的问题是我能够创建和销毁任务并且 form_for 似乎正在工作。但是，当我尝试在我的 js.erb 调用中重新渲染部分时，我无法更新表。该表只会在刷新时更新。

（我还在销毁操作上生成 406 Unknown Format 错误，我还没有弄清楚，但是由于销毁和创建操作是相同的，我假设我仍然会遇到非更新问题)

任务控制器

class TasksController < ApplicationController
  before_action :set_task, only: [:show, :edit, :update, :destroy]
    before_action :logged_in_user, only: [:index, :my_tasks, :edit, :update, :destroy]  
    respond_to :html, :json, :js
.
.
.
  def create
    @assignable = find_assignable
    @task = @assignable.tasks.build(task_params)
    if @task.save
        respond_to do |format|
            format.js
            format.html {redirect_to @task}
        end
    else
        respond_to do |format|
            format.html { render :new }
            format.json { render json: @task.errors, status: :unprocessable_entity }
        end
    end
  end

  def new
    @assignable = params[:assignable_type].constantize.find_by(params[:assignable_id])
    @task = Task.new
  end

  def destroy
        @assignable = params[:assignable_type].constantize.find_by(params[:assignable_id])
        @assignable.tasks.find(params[:id]).destroy
    respond_to do |format|
        format.js
        format.html {redirect_to :action => :index, status: 303 }
        format.json { head :no_content }
    end
  end
.
.
.
def find_assignable
    params.each do |name, value|
        if name =~ /(.+)_id$/
            return $1.classify.constantize.find(value)
        end
    end
       nil
end

我创建任务列表的部分 任务/_task_list

    %tbody
      - assignable.tasks.each do |task|
        -# the path builder below only works if there is one underscore in the object name. MasterPo --> master_pos
        - path = "#{task.assignable_type.gsub(/([a-z])(?=[A-Z])/,'\1_\2').downcase.pluralize}/#{assignable.id}/tasks/#{task.id}" 
        %tr
          %td= best_in_place task, :description, :url => path
          %td= best_in_place task, :priority, :url => path
          %td= best_in_place task, :status, :as => :select, 
            :collection => {"1" => "Approved", "2" => "Pending", "3" => "Outstanding", "4" => "Review"}, :url => path
          %td= best_in_place task, :created_by, :url => path
          %td= task.assignable_type
          %td= link_to 'delete', 
            task_path(assignable, assignable_id: assignable.id, assignable_type: assignable.class.name, id: task.id), 
            remote: true, method: :delete, data: {confirm: 'Are you sure'} 

  %br

  .row
    .col-md-2.col-md-offset-4
      = link_to new_task_path(assignable, assignable_id: assignable.id, assignable_type: assignable.class.name), remote: true do
        %button.btn.btn-default New Task

  .row
    #task-form{:style => "display:none;"}

  :javascript
  $(document).ready(function() {
    /* Activating Best In Place */
    jQuery(".best_in_place").best_in_place();
  });

这将我的表单称为部分，如下所示以供参考：

任务/_form

= simple_form_for [@assignable, Task.new], remote: true do |f|
  - if Task.new.errors.any?
    #error_explanation
      %h2= "#{pluralize(@task.errors.count, "error")} prohibited this task from being saved:"
      %ul
        - @task.errors.full_messages.each do |msg|
          %li= msg

  = f.input :description, as: :text
  = f.input :priority, collection: 1..5
  = f.input :status, collection: ["Open", "Completed", "Assigned"]
  = f.button :submit

现在，我假设我的错误必须是我试图在我的 create.js.erb 和我的 destroy.js.erb 中呈现我的 _task_list 部分的方式。 js.erb 文件如下：

create.js.erb

$('#tasks').html("<%= j (render partial: 'tasks/task_list', locals: {assignable: @assignable}) %>");
$('#task-form').slideUp(350);

new.js.erb

$('#task-form').html("<%= j (render 'form', locals: {assignable: @assignable}) %>");
$('#task-form').slideDown(350);

和destroy.js.erb

$('#tasks').html("<%= j (render partial: 'tasks/task_list', locals: {assignable: @assignable}) %>");

【问题讨论】：

标签： javascript ruby-on-rails ajax

【解决方案1】：

您的@assignable 对象没有重新加载。它仍然包含所有以前的数据。在方法中再次定义它，以便更新它，并且该表将在您的视图中更新而无需刷新。

【讨论】：

我尝试在控制器和 create.js.erb 文件中定义 @assignable.reload ......当我调试时，它会在调用 create.js 视图之前显示新任务，但仍然不是t 更新视图。我应该在哪里重新定义它？

【解决方案2】：

问题是我在#tasks 上调用了ajax，而实际上并没有给我的表单提供div id='tasks'，所以没有任何更新。不幸的是，我没有包括页面顶部，所以这在我的问题中并不明显

【讨论】：