在渲染backbone.js时更改表的背景颜色

Question

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

Answer 1

我只是告诉你如何修改元素的背景颜色，因为你的问题不明确。

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

或

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

并添加如下样式：

  .background_class{
        background-color: color_name;
    }

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

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

我找到了解决方案。我什么时候使用Jquery，然后使用函数。我用then函数调用我的条件方法，然后把fetch放在when下。它现在正在改变bg-clor。唯一的问题是该表有twitter bootsraps的css“table-bordered”类，所以bg-color只显示在备用行中。