如何使用主干-stickit 处理重复视图元素

Posted

技术标签:

【中文标题】如何使用主干-stickit 处理重复视图元素【英文标题】:How to handle repeating view element with backbone-stickit 【发布时间】:2013-05-16 15:29:50 【问题描述】:

对重复视图元素进行绑定的最佳方法是什么?

这是当前使用 underscore 模板实现的视图片段。 如何用 backbone.stickit 替换这个块?

<% _.forEach(model.estimates, function(estimate)  %>
         <li class="list-item span12">
              <span id='estimateNo'><%= estimate.estimateNo %></span>
              <span id='name'><%= estimate.name %></span>
              <span id='validity'><%= estimate.validity %></span>
              <span id='grossPrice'><%= estimate.grossPrice %></span>
              <span id='status'><%= estimate.status %></span>
         </li>
<% ) %>

bindings: 
    '#estimateNo': ???,
    '#name': ???,
    '#validity': ???,
    '#grossPrice': ???,
    '#status': ???

【问题讨论】:

【参考方案1】:

我回答我自己的问题... 我的视图存在设计问题,我应该将循环的内容移动到子视图中,并为每个单独的视图使用stickit。

循环应该在代码中,而不是在模板中...

【讨论】:

以上是关于如何使用主干-stickit 处理重复视图元素的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 StickIt 从主干中绑定长度。集合?

(重新)在更改事件处理程序中渲染主干视图不起作用

Stickit:如何在每个模型后触发更改事件 -> 视图更改

使用 Backbone 和 Stickit 使模型保持最新

在 Backbone Stickit 中结合使用 visible 和 onGet

具有嵌套属性的主干 Stickit