Question

所以，我正在尝试在js.erb文件中渲染一个对象数组。我的控制器方法使得数组如下所示：

def process_report
  start_date = Date.parse(params[:start_date])
  finish_date = Date.parse(params[:finish_date])
  done = params[:done].to_i
  kind = params[:kind].to_i
  late = to_boolean params[:late]
  @invoices = Invoice.where(due_date: start_date..finish_date,
                            done: done,
                            kind: kind,
                            late: late)
  if params[:approved] != ""
    @invoices = @invoices.reject{ |i| i.status.description != params[:approved] }
  end
  render 'complete_report.js.erb',
         collection: @invoices, format: :js, status: :ok
end

我知道这段代码有点难看。我打算重构它。因此，如果视图通过params[:approved]，我会拒绝集合中的某些对象。如果视图未通过此参数，则不会调用reject方法，@invoices为ActiveRecord::Relation。正如你们在这个方法的最后可以看到的那样，我渲染了一个js.erb文件。在这个文件里面，我有这个代码：

<% @invoices.each do |invoice| %>
  var tableLine = $("<%= escape_javascript (render partial: 'invoice', locals: {invoice: invoice}, formats: :html) %>");
  $("#report_invoice_table").append(tableLine);
<% end %>

当@invoices为ActiveRecord::Relation时，javascript代码会正常执行。如果params[:approved]不为空，则会出现问题。 reject方法会过滤我不想要的对象，但会将@invoices作为Array返回。当它是Array时，javascript代码根本不执行。我甚至没有收到错误。

所以，总结：为什么当我将ActiveRecord::Relation传递给js.erb以便它可以呈现时，我的javascript代码正常工作，当我通过{{1 }}？

我搜索了很多，并没有找到答案。抱歉英语不好。随意纠正我。

提前致谢。

Answer 1

我发现了问题。在js.erb文件中，我得到了一个代码，用于在尝试渲染发票后计算所有发票的总和。

<% @invoices.each do |invoice| %>
  <% puts invoice.inspect %>
  var tableLine = $("<%= escape_javascript (render partial: 'invoice', 
    locals: {invoice: invoice}, formats: :html) %>");
  $("#report_invoice_table").append(tableLine);
<% end %>

<% if @invoices.empty? %>
  $("#report_total_value").css("display", "none");
<% else %>
  $("#report_total_value").css("display", "inline-block");
  $("#report_total_value").text("Total: R$ " + <%= @invoices.sum(:value) %>);
<% end %>

如您所见，我使用.sum方法。导致所有问题的原因是.sum是仅适用于ActiveRecord::Relation的方法。对于Array类，它必须使用其他方法。

<% @invoices.each do |invoice| %>
  <% puts invoice.inspect %>
  var tableLine = $("<%= escape_javascript (render partial: 'invoice',
    locals: {invoice: invoice}, formats: :html) %>");
  $("#report_invoice_table").append(tableLine);
<% end %>

<% if @invoices.empty? %>
  $("#report_total_value").css("display", "none");
<% else %>
  $("#report_total_value").css("display", "inline-block");
  $("#report_total_value").text("Total: R$ "
  + <%= @invoices.map{ |i| i.value }.reduce(0, :+) %>);
<% end %>

更改后，我的代码工作正常。

Answer 2

尝试将其渲染为集合：

var tableLine = $("<%= j render(partial: 'invoice', collection: @invoices, formats: :html) %>");
$("#report_invoice_table").append(tableLine);

Rails 4.2在js.erb中渲染数组导致崩溃

2 个答案: