0

除了在 r​​ails 5 应用程序中调用 jQuery3 之外，类Usercontent具有通过使用 turbolinks 的 AJAX 调用生成和显示的记录，基本上是 rails 方式。

但是有两种呈现情况，一种用于类的所有对象 ( usercontent)，另一种用于子集 ( point)，在同一页面上，但在选项卡中，具有两种不同的形式和以下usercontents.jsjavascript。

$(document).on('turbolinks:load', function() {
  $('[data-js-usercontent-form]').on("ajax:success", function(event, data, status, xhr){
    var usercontent = $(xhr.responseText).hide();
    $('#usercontents').append(usercontent);
    usercontent.fadeIn(1000);
  });

  $('[data-js-usercontent-id]').on("ajax:success", function(event, data, status, xhr){
    var usercontent_id = xhr.responseJSON.id;
    $('[data-js-usercontent-id=' + usercontent_id + ']').hide();
  });
  $('[data-js-point-form]').on("ajax:success", function(event, data, status, xhr){
    var point = $(xhr.responseText).hide();
    $('#points').append(point);
    point.fadeIn(1000);
  });    

  $('[data-js-point-id]').on("ajax:success", function(event, data, status, xhr){
    var point_id = xhr.responseJSON.id;
    $('[data-js-point-id=' + point_id + ']').hide();
  });
});

控制器声明两个集合

@usercontents = Usercontent.all
@points = Usercontent.where(['contenttype_id = ?', 1]).all

该视图对集合有两个不同的调用

<div id=points class='tableize'>
  <%= render @points %>

<div id=usercontents class='tableize'>
  <%= render @usercontents %>

谁又通过 AJAX 调用要更新的单个项目 _point.html.erb（两个部分都在 views/usercontents 目录中）

<div class='row' data-js-point-id=<%= point.id %>>

和_usercontent.html.erb

<div class='row' data-js-usercontent-id=<%= usercontent.id %>>

问题是前者使用错误的data-js调用呈现“完整”集合：

<div id="points" class="tableize">
  <div class="row" data-js-usercontent-id="33"></div>
  <div class="row" data-js-usercontent-id="34"></div>
  <div class="row" data-js-usercontent-id="35"></div>
  <div class="row" data-js-usercontent-id="36"></div>
  <div class="row" data-js-usercontent-id="37"></div>
  <div class="row" data-js-usercontent-id="38"></div>
  <div class="row" data-js-usercontent-id="39"></div>
  <div class="row" data-js-usercontent-id="48"></div>
</div>

显然render @points没有正确渲染。如何解决这个问题？

4

1 回答 1

2

你的问题是因为：

Rails 通过查看集合中的模型名称来确定要使用的部分名称。
（来源）

这意味着您的部分_point.html.erb从未使用过。

该@points集合在 中呈现，_usercontent.html.erb因为它包含Usercontent记录。

要解决您的问题，请通过指向正确的上下文来呈现部分：

<div id=points class='tableize'>
  <%= render partial: "point", collection: @points %>
于 2019-05-11T12:38:53.990 回答