javascript-如何正确使用Backbone.js集合显示列表

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何正确使用Backbone.js集合显示列表，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1268字，纯文字阅读大概需要2分钟。

内容图文

我刚刚开始接触Backbone,并对此感到困惑.

我有一个页面,显示文档列表.

单击列表中的文档将打开完整的文档以进行编辑.

据我了解,在Backbone中对该列表建模的正确方法是作为文档模型的集合.

var DocList = Backbone.Collection.extend({
  model: document
});

但是,文档模型将很大,具有许多属性.该列表不需要显示所有这些信息.

我想知道是否最好有以下内容…

var ShortDoc = Backbone.Model.extend({});
var shortDoc = new Doc({ 
  id: id,
  title: docTitle 
});
var DocList = Backbone.Collection.extend({
  model: shortDoc
});

…其中shortDoc仅包含生成列表所需的属性.

还是最好将Collection与整个Model一起使用？

在此先感谢您的帮助

解决方法:

请记住,您可以为同一模型编写多个Backbone.Views.尽管您可能有一个能够显示整个文档的DetailView,但是您也可以自由创建一个ItemView来展示每个文档的重要部分,如列表视图一样.虽然您的DetailView将包含一个厨房水槽,但ItemView可能仅限于显示标题：

var MyItemView = Backbone.View.extend({
  tagName: 'li',
  render: function () {
    this.$el.html('<h3>' + this.model.get('title') + '</h3>');
    return this;
  }
});

最后,如果这是您所关注的数据量：许多Backbone应用程序选择为应用程序中使用的每种模型类型保留一个集合.他们的状态需要维持在某个地方.为什么不在一个井井有条的列表中？当应用程序加载时,您不需要引导每个模型属性.您可能改为选择加载标题(或呈现初始列表所需的任何内容),并推迟获取模型,直到用户请求任何详细信息为止.

内容总结

以上是互联网集市为您收集整理的javascript-如何正确使用Backbone.js集合显示列表全部内容，希望文章能够帮你解决javascript-如何正确使用Backbone.js集合显示列表所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端