Question

以下是我点击更多按钮后用于从服务提供商处获取更多照片的功能：

showMore: function(){
        this.$.resultList.collection.fetch({strategy:"merge",rpp:50});
    }

这将调用collection

中定义的fetch方法

fetch: function(opts) {
        this.params = {
            feature: this.methodType || "popular",
            image_size: 3,
            sort: "created_at",
            rpp: opts && opts.rpp || 25
        };
        return this.inherited(arguments);
    },

这工作正常，但问题是再次点击按钮，它应该获取另一组25张照片并将其附加到我的收藏中，但实际上有时会发生什么，它只显示5张照片以及之前的照片。

我理解的是＆＃34; merge＆＃34;策略是，如果收到的记录与以前的记录相同，则只会获取与先前获取的记录不同的记录，并更新重复记录的主键。因此，我能够弄清楚的一个原因是，可能是，它下次拍摄了25张照片，但由于它们大部分都与之前相同，所以只显示与之前拍摄的照片不同的照片。

如果我选择＆＃34;添加＆＃34;策略，它可以正常工作一次，即它显示另外一组25张照片附加到集合中，其中大部分都是相同的。但是，如果再次单击更多按钮，则不会向该集合添加任何记录。不知道为什么会发生这种情况。

如果我只想获取新照片并将其附加到集合中，我应该如何处理。

Answer 1

使用合并策略是正确的方法。您对合并的描述大多是准确的，除了它不更新主键，而是使用相同的主键更新现有记录的数据。

很难说为什么使用“添加”并不总是有效。如果记录没有主键（默认情况下为id），则“添加”和“合并”应始终将记录添加到集合中（除非您使用的是mergeKeys）。如果他们确实有主键，那么您可能会尝试添加Enyo会抱怨和中止的重复记录。检查您的控制台日志。

没有代码，唯一的另一个建议是设置断点并逐步执行enyo.Collection.merge。

这是一个example of fetching records into a collection。如果您注释掉设置ID，则合并和添加策略将始终添加记录。如果您注释掉合并策略，则在请求更多记录时代码最终会出错。

enyo.kind({
    name: "ex.MockSource",
    kind: "enyo.Source",

    fetch: function(rec, opts) {
        if(rec instanceof enyo.Model) {
            rec.setObject(Faker.Helpers.createCard());
        } else if (rec instanceof enyo.Collection) {
            var count = opts && opts.count || 25;
            var cards = [];
            for(var i=0;i<count;i++) {
                var card = Faker.Helpers.createCard();

                // artificial id to force merges
                card.id = enyo.now()%40;
                cards.push(card);
            }

            opts.success(cards);
        }
    }
});

enyo.store.addSources({
    mock: "ex.MockSource"
});

enyo.kind({
    name: "ex.App",
    kind: "Scroller",
    bindings: [
        {from: ".data", to: ".$.list.collection"},
        {from: ".data.length", to: ".$.count.content", transform: function(v) {
            return enyo.format("Displaying %s records", v);
        }}
    ],
    components: [
        {name: "count"},
        {name: "list", kind: "DataRepeater", components: [
            {kind: "onyx.Item", components: [
                {name: "name"},
                {name: "phone"}
            ], bindings: [
                {from: ".model.name", to: ".$.name.content"},
                {from: ".model.phone", to: ".$.phone.content"}
            ]}
        ]},
        {kind: "onyx.Button", content: "More", ontap: "moreTapped"}
    ],
    create: enyo.inherit(function(sup) {
        return function() {
            sup.apply(this, arguments);
            this.set("data", new enyo.Collection({
                defaultSource: "mock"
            }));

            this.fetchRecords();
        };
    }),

    fetchRecords: function() {
        this.data.fetch({
            count: 5,
            strategy: "merge"
        });
    },

    moreTapped: function() {
        this.fetchRecords();
    }
});

new ex.App().renderInto(document.body);

Enyo Collection合并策略

1 个答案: