jquery - 渲染backbone.js时更改表格的背景颜色

Question

我创建了一个主干视图，用于呈现表格行模板中的行。我希望能够在渲染时更改表格行的背景颜色。那就是 fetch 需要时间从服务器获取所有项目，所以我想知道在调用另一个更改表中某些行的背景的方法之前如何确保视图已完全呈现。我只使用一个视图来呈现整个集合。我正在使用一个使用 handlebars.js 的模板。有人可以帮我弄这个吗？

Answer 1

我找到了解决方案。我使用了 Jquery 的 when 和 then 函数。我使用 then 函数来调用我的条件方法，并将 fetch 放在 when 下。它现在正在工作并更改 bg-clor。唯一的问题是该表具有 twitter bootsraps 的 css“table-bordered”类，因此 bg-color 仅显示在交替行中。

Answer 2

根据您的评论，听起来您有一个单独的视图来负责渲染所有行。假设您使用的是单个模板，您可以在其中添加一个条件语句。例如

<div id="rows-template" type="text/template">
<% _each(list, function(item) { %>
    <li <% if (item.something) { 'class="blue"' } %> ><%= item.name %></li>
<% }); %>
</div>

Answer 3

我只是告诉您如何修改元素的背景颜色，因为您的问题不清楚。

  $(" element ").css("background-color", "required-color")

或者

  $(" element ").addClass("background_class")

并添加这样的样式：

  .background_class{
        background-color: color_name;
    }

如果这不是您想要的，请尝试发布一些代码，我们将尝试回答。