我可以在 Rails 3 js.erb 文件中使用 JS 条件来渲染部分内容吗？

Question

抱歉，如果这有点复杂。我会尽力描述它，但如果我不清楚，请提问。

我正在开发一个需要自动更新状态页面的 Rails 应用程序。这个状态页面将有请求，其中有许多尝试，其中有许多步骤。为了尽可能保持此页面最新，我们使用 JQuery 每 5 秒轮询一次服务器。

然后，这将通过索引操作将我们带到index.js.erb 文件。该文件当前设置为确定（根据屏幕上的内容）需要重新渲染哪些部分。我使用屏幕上当前的内容来确定请求/尝试/步骤是否仍然处于活动状态，以了解需要刷新的内容。我选择了这个，而不是使用数据库中的内容，因为数据库会将项目更新为非活动状态，导致屏幕上的活动项目不会更新以显示其新的非活动状态......但也许有更好的方法这。

现在谈谈我的主要问题。在我的 erb 文件中，我有很多：

if (some statements) {<%= escape_javascript(render :partial=>"my_partial") %>}

其中，评估中提到的所有部分脚本，无论什么条件。这将成倍地增加我们的渲染时间，并且似乎对我们的服务器造成了很大的打击。

有没有一种方法可以根据屏幕上当前的内容有条件地渲染部分内容？

有没有更好的方法来应对这整个考验？我知道动态更新的状态页面到处都是，但找不到一个很好的例子来引导我走向正确的方向。

另外，这是我的一些实际代码的片段，也许可以为我正在做的事情提供更好的示例。我对复杂的 javascript 还很陌生，所以如果我有什么完全不对劲的地方，请告诉我。

<%attempt.steps.each do |step|  %>
        /* If  a status for this step already exists on the page, only update portions of it, otherwise append the step status to the page */      
        if (document.getElementById("step-status-<%= step.id %>")) {
            $("#step-status-<%= step.id %>").html('<%= escape_javascript(render :partial=>'step_status', :locals=>{:step=>step}) %>');
        <% if step.log.present? #log will be present once step is complete %>
            /* If the log isn't displayed on the page, add the partial to display it. This is supposed to allow for this partial to only be rendered once and not refreshed*/ 
            if ($("#step-<%= step.id %>-log pre").is(":empty")) {
                $("#step-<%= step.id %>-log").html('<%= escape_javascript(render :partial=>'log_details', :locals=>{:step=>step}) %>');
                $("#step-<%= step.id %>-log-button").html('<%= escape_javascript(link_to("View Log", "#", :id=>"step-#{step.id}")) %>');
            }
        <% end %>
        } else {
            $("#step-details-list-<%= attempt.id %>").append('<%= escape_javascript(render :partial=>"step", :locals=>{:step=>step}) %>');
        }
    <% end  %>

非常感谢您的帮助。

崔西

Answer 1

考虑向您的客户端引入“last_updated_at”的概念。

在您的控制器中：

def index
  # Lets pretend the earliest you're interested in is 1 day ago
  updated_since = params[:last_updated_at].try(:to_time) || 1.day.ago 

  # For ease, i'm doing the query here; this query may be more appropriate as a scope in the model
  @steps = Steps.where(["updated_at > ?", updated_since]) 
end

在您的 index.js.erb 视图中：

<% @steps.each do |step| %>
  var step_html = '<%= escape_javascript(render :partial=>'log_details', :locals=>{:step=>step}) %>';
  var step_ele = $('#step-<%= step.id %>')[0];
  if (step_ele) {
    // Step was already in the page; just replace it
    step_ele.html(step_html);
  }
  else {
    // Step isn't on the page yet; append it to its container
    $('#step-container').append(step_html);
  }
<% end %>
window.last_updated_at = "<%= Time.now.to_s %>";

也对您的 Request 和 Attempts 模型执行此操作。

在更新代码中，将 last_updated_at 查询字符串附加到更新网址，因此它类似于 'http://stats.example.com/index.js?last_updated_at=' + window.last_updated_at 。

另外：请注意命名模型 Request； Rails 中已经有一个 Request 类，你可能会遇到冲突。