正确在主干中添加视图列表

发布于 2024-12-23 18:29:54 字数 445 浏览 0 评论 0原文

目前，当我在主干中插入视图列表时，我会这样做：

    var jqGuestList = $("#guestList");
    jqGuestList.empty();

    items.each(function(item){
        var view = new wedapp.view.GuestItem({
            model: item,
            collection: this.collection
        });

        jqGuestList.append(view.render().el);
    });

然而，这给我带来了很大的痛苦，手动将每个视图添加到 DOM 非常慢，特别是在移动设备上，甚至在桌面上。

有没有一种方法可以插入一个 jqGuestList.html(views) 中的所有视图？

原文

Currently when I insert a list of views in backbone I do :

    var jqGuestList = $("#guestList");
    jqGuestList.empty();

    items.each(function(item){
        var view = new wedapp.view.GuestItem({
            model: item,
            collection: this.collection
        });

        jqGuestList.append(view.render().el);
    });

This however cause my a great deal of pain, adding each one manually to the DOM is slow as hell, specially on mobile but even on desktop..

is there a way to insert all the views in one jqGuestList.html(views) instead?

分享到QQ

分享到微博

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

发布评论

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

锦欢 2024-12-30 18:29:54

您可以使用文档片段 http://ejohn.org/blog/dom-documentfragments/

var jqGuestList = $("#guestList");
jqGuestList.empty();

var frag = document.createDocumentFragment();
items.each( function(item) {
    var view=new wedapp.view.GuestItem({model:item});
    frag.appendChild(view.render().el);
});

jqGuestList.append(frag);

您应该会看到一些改进。

You could use a Document Fragment http://ejohn.org/blog/dom-documentfragments/

var jqGuestList = $("#guestList");
jqGuestList.empty();

var frag = document.createDocumentFragment();
items.each( function(item) {
    var view=new wedapp.view.GuestItem({model:item});
    frag.appendChild(view.render().el);
});

jqGuestList.append(frag);

You should see some improvement.

回复收藏 0 原文

~没有更多了~