流星彙集更新沒有正確更新客戶端

Question

我試圖更新文檔。具體來說，我正在改變項目的順序 - 一組對象。該數組被稱爲'資源'。我調用一個方法來更新資源數組中每個對象的位置。從查看數據庫中可以看出，文檔已按照正確的順序更新。

在更新時，如預期的那樣，客戶端反應 - 並用新數據更新 - 但是，它似乎是以錯誤的順序顯示數組......它就像它的「一出」一樣......（所以移動到索引2的項目出現在索引1 ...移動到索引3的項目出現在索引2等）但是當我做瀏覽器的物理刷新時 - 數據按預期加載。有人在這裏有類似（但不完全相同）的問題 - Meteor collection insert not updating on client - 雖然沒有任何答案對我的問題有所幫助。

在我router.js文件（我使用ironrouter）

Router.configure({ 
    layoutTemplate: 'layout', 
    loadingTemplate: 'loading', 
    notFoundTemplate: 'notFound', 
    waitOn: function() { 
    return [ Meteor.subscribe('playlists'), Meteor.subscribe('resources') ]; 
    } 
}); 

..... 

Router.route('/playlist/:_id', { 
    name: 'playlistPage', 
    data: function() { 
    return Playlists.findOne(this.params._id); 
    } 
}); 

在客戶端，我有：

  ... 
'click #saveOrder': function(e, template) { 
    e.preventDefault(); 

    var currentplaylistId = (template.data._id); 

    var resourcesArray = []; 
    $('#playlistTableBody tr').each(function(i) { 
     var $this = $(this); 
     var data = { 
      title: $this.data('title'), 
      type: $this.data('type'), 
      resourceid: $this.data('resourceId'), 
      duration: $this.data('duration'), 
      order: i 
      } 
      resourcesArray.push(data); 
     }); 




Meteor.call('playlistUpdateResourceOrder', 
currentplaylistId, resourcesArray, function(error, result) { 
    // display the error to the user and abort 
    if (error) 
    return throwError(error.reason); 
    // Refresh data? 
    Router.go('playlistPage', {_id: result._id}); 
}); 

和服務器

playlistUpdateResourceOrder: function (currentplaylistId, resourcesArray) { 
    Playlists.update(currentplaylistId, { 
     $set: { resources: resourcesArray } 
    }); 
    return { 
     _id: currentplaylistId // return to our updated/renamed playlist 
    }; 

    } 

我的模板非常簡單：

<tbody id="playlistTableBody"> 
    {{#each resources }} 
    {{>resourceItem}} 
    {{/each}} 
</tbody> 

和

<template name="resourceItem"> 
<tr data-title="{{title}}" data-type="{{type}}" data-resourceid="{{resourceId}}" data-duration="{{duration}}"> 
<td>{{title}}</td> 
<td>{{type}}</td> 
</tr> 
</template> 

Answer 1

始終在客戶端上的數據進行排序。因爲如果您在Meteor.publish中對數據進行排序，它將僅在初始加載時對數據進行排序。

您的顯示排序的資源可以是這樣的模板：

<template name="yourTemplate"> 
    {{#each resources}} 
    {{>resourceItem}} 
    {{/each}} 
</template> 

和你的助手叫「資源」返回排序資源：

Template.yourTemplate.helpers({ 
    resources: function() { 
    return Resources.find({}, { sort: { order: 1 } }); 
    } 
}); 

您可以幫助恢復數據或路由器。重要的部分是：

//Always sort collection on the client 
Resources.find({}, { sort: { order: 1 } }); 

編輯：要排序的子文檔，您可以使用下劃線功能sortBy。下劃線在默認情況下是流星應用程序：

var subDoc = [{ title: 'asdf', order: 2 }, { title: 'ah', order: 1 }]; 
//Sorting by order 
var sorted = _.sortBy(subDoc, function(item) { 
    return item.order 
});