Можно ли сортировать коллекцию только один раз, а затем сохранить этот порядок без изменений, несмотря на реактивность?

Question

У меня есть список комментариев. Эти комментарии имеют атрибут «vote» (пользователи могут проголосовать за комментарии), и они первоначально сортируются по голосам (по убыванию, onRender).

Сейчас, когда пользователи голосуют, порядок комментариев обновляется с учетом новых голосов.

Возможно ли каким-либо образом сохранить первоначальный порядок сортировки неповрежденным? Я хотел бы избежать путать пользователя с комментариями, которые автоматически меняют порядок, пока он/она находится на странице.

Есть ли хороший способ решить эту проблему? Я думал, возможно, одноразовый сорт при рендеринге страницы, или как-то сохранить заказ, а затем повторно использовать его всякий раз, когда коллекция будет обновлена.

Answer 1

Вы можете использовать функцию для сортировки запроса Minimongo. Так что-то вроде:

const initialVotes = new Map(); 
Comments.find({}, {sort: (a, b) => { 
    if (!initialVotes.has(a._id)) initialVotes.set(a._id, a.votes); 
    if (!initialVotes.has(b._id)) initialVotes.set(b._id, b.votes); 

    return initialVotes.get(b._id) - initialVotes.get(a._id); 
}); 

Это позволит сделать так, чтобы комментарии сортировались по первоначальным голосам. Если что-либо еще изменится (например, пользователь отредактирует комментарии), это будет реактивно распространяться, если будет сделан новый комментарий, он будет реактивно добавлен. Но если голоса изменятся, порядок не изменится (но количество голосов, которое может быть оказано, будет по-прежнему обновляться).

Answer 2

, так как вы не заботитесь о новых комментариях, только новые голоса, я бы сделал начальное население с помощью Meteor.call(), отсортированного по вашему желанию, как упоминалось @sdybskiy. то я бы установил подписку на эти комментарии, чтобы получить подсчет голосов.

в onCreated() вашего шаблона, вы можете настроить подписку, как это:

let voteCursor = Votes.find({commentIds: comments}); 
    voteCursor.observe({ 
     added: function(newDocument, oldDocument) { 
      // the published vote would have a commentId, so here you 
      // would go to your client store for the comments, find the 
      // comment, and increment the count 
     }, 
     removed: function(oldDocument) { 
      // same idea here, but process a vote being removed 
     } 
    }); 

уведомление я передаю в ид всех замечаний, возвращенных из метода, так что публиковать будет публиковать голоса только для этих комментариев.

Answer 3

Вы можете сделать non-reactive find с reactive: false вариант, экс:

Comments.find({},{sort: {vote: -1}, reactive: false}); 

Если вы хотите добавить новые комментарии после первоначального списка, то я бы вынести два списка комментариев, один за другим. Сначала визуализируйте отсортированный список существующих комментариев, а затем порекомендуйте список комментариев, созданных после момента первоначальной рендеринга в порядке создания. Второй список изначально будет пустым и не будет отображаться вообще, но в конечном итоге новые комментарии появятся там с их собственным подсчетом голосов.

Теперь, поскольку курсор выше - это нереактивный, как мы собираемся подсчитывать количество голосов для обновления, не изменяя порядок? Ответ: (в случае с Blaze) используйте реактивный помощник!

Template.myTemplate.helpers({ 
    currentVote(){ 
    return Comments.findOne(this._id).vote; 
    } 
}); 

Это на самом деле удивительно дешево с точки зрения производительности.