javascript – 我可以将Marionette集合视图附加到现有HTML吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 我可以将Marionette集合视图附加到现有HTML吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1220字，纯文字阅读大概需要2分钟。

内容图文

我正在使用带有node的browserify来渲染服务器上的集合,然后在客户端使用Marionette.

是否可以使用Marionette区域attachView()将CollectionView附加到现有的html列表？

解决方法:

Marionette没有提供通过标准API执行此操作的方法,但可以使用Marionette的一些内部CollectionView方法.我在这里提供了一个例子：

http://jsbin.com/zirupeli/1/edit

关键部分是CollectionView中的createChildren函数：

var List = Marionette.CollectionView.extend({
  el: 'ul',

  itemView: Item,

  initialize: function() {
    this.createChildren();
  },

  createChildren: function() {
    this.collection.each(function(model) {
      var view = new this.itemView({
        el: 'li:eq(' + (model.get('id') - 1) + ')',
        model: model
      });

      // set up the child view event forwarding
      this.addChildViewEventForwarding(view);

      // Store the child view itself so we can properly
      // remove and/or close it later
      this.children.add(view);
    }, this);
  }
});

这里我们只为集合中的每个项创建一个ItemView,然后调用两个内部Marionette CollectionView方法：this.addChildViewEventForwarding和this.children.add. Marionette在呈现子视图时会在内部使用它们：

https://github.com/marionettejs/backbone.marionette/blob/master/lib/backbone.marionette.js#L1687

只是为了证明这是正常工作的,四秒后您应该注意到一个项目被添加到列表中,并在八秒钟后删除列表中的第一个项目.

内容总结

以上是互联网集市为您收集整理的javascript – 我可以将Marionette集合视图附加到现有HTML吗？全部内容，希望文章能够帮你解决javascript – 我可以将Marionette集合视图附加到现有HTML吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端