有没有办法有条件“添加” backbone.js 中的事件?

发布于 2024-10-22 04:15:26 字数 200 浏览 2 评论 0原文

我正在为我的网络应用程序使用backbone.js,到目前为止它运行得还不错。问题是有时我需要将项目添加到集合中并让它们转到页面顶部,而其他时候则需要转到底部。有时我需要它们来制作动画,有时则不需要。有没有办法用backbone.js干净地做到这一点?将参数传递给“add”事件将是一个好方法(例如“prepend:true”),但这似乎不是一个选项......

谢谢!

I'm using backbone.js for my web app and it works semi-well so far. The problem is that sometimes I need to add items to the collection and have them go to the top of the page, and other times to the bottom. Sometimes I need them to animate, sometimes not. Is there a way to do this cleanly with backbone.js? Passing arguments to the "add" event would be a good way (for example "prepend: true"), but this doesn't seem to be an option...

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

分分钟 2024-10-29 04:15:26

扩展 Backbone.Collection 并覆盖 add 函数:

PositionCollection = Backbone.Collection.extend ({
  add: function( model, options ){
    // do your stuff
    // call the real add
    Backbone.Collection.prototype.add.call(this, model);
  }
});

唯一要记住的是,如果您进行前置、追加,您可能需要完全复制 Backbone.Collection.add 并使用它。

您还可以依赖集合排序。将位置和动画属性添加到模型中,对位置进行排序并侦听集合上的“添加”事件以正确设置动画。

Extend Backbone.Collection and override the add function:

PositionCollection = Backbone.Collection.extend ({
  add: function( model, options ){
    // do your stuff
    // call the real add
    Backbone.Collection.prototype.add.call(this, model);
  }
});

Only thing to keep in mind is that if you prepend, append you might want to copy Backbone.Collection.add altogether and play with it.

You could also rely on the collection sorting. Add your position and animation attribute to the model, sort on the position and listen to "add" events on the collection to animate it correctly.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文