TypeError: templateInstance.collection.findOne is not a function. -- With Meteor, fairly basic implementation using <divs> with form elements inside

[screaser]

Using Meteor I implemented a pretty basic rubaxa:sortable instance. Not using multiple sortable lists or anything fancy. Pre-loaded "order" data in my Mongo Collection with unique numbers 1, 2, 3, etc.

Everything displays fine, and lets you sort once then the package dies when it tries to save the new order to the DB.

Error in the browser console is:
TypeError: templateInstance.collection.findOne is not a function. (In 'templateInstance.collection.findOne(itemId)', 'templateInstance.collection.findOne' is undefined) adjustOrdersrubaxa_sortable.js:1404 sortableUpdaterubaxa_sortable.js:1446 _dispatchEventrubaxa_sortable.js:1102 _onDroprubaxa_sortable.js:799 (anonymous function) handleEventrubaxa_sortable.js:853

Relevant code snippets below...

Server:
Products = new Mongo.Collection('products'); Sortable.collections = ['products'];

Client:
<div class="sortable target" id="object"> {{#sortable items=products animation="100" handle=".sortable-handle" ghostClass="sortable-ghost" sortField="order"}} {{> productSettingsRow}} {{/sortable}} </div>

`

...

...

`

Tried searching the Issues; don't see anything quite like this though #578 seems similar(?). Also didn't see a way to recreate in the JS scratchpad as requested since it has to do with DB access...

Any suggestions, or any other info I can provide to help debug?

[granda]

Looks to be that Sortable for Meteor doesn't support Array's yet. 😔

https://github.com/RubaXa/Sortable/blob/6140e497fb74a43b91383cef65886500dfec29ea/meteor/reactivize.js#L57

[screaser]

Ah -- yes. The helper that was feeding in "products" was:

Template.productSettings.helpers({
products : function() {
return Mongo.Products.find().fetch();
}
});

I've changed that to:

Template.productSettings.helpers({
products : function() {
return Mongo.Products.find();
}
});

... and now this particular error isn't happening. Now it just says "Access Denied" when the update tries to occur. Progress?!?

[screaser]

In case this helps anyone else... it looks like this plugin doesn't quite work out-of-the-box with Meteor when you are not in insecure mode. To fix, you need to manually allow update access to the collection like this (in my case the collection is Products):

Products.allow({
update: function updateProducts(userId, doc, fieldNames, modifier) {
if (fieldNames.length !== 1 || fieldNames[0] !== 'order') return false;
if (!Match.test(modifier, {$set: {order: Number}})) return false;
if (Meteor.users.findOne(userId, {fields:{Id:1}}).Id !== doc.Id) return false;
return true;
}
});

[RubaXa]

Dear all! Meteor is moved to the separate repository. If this issue is still actual, please create it there once again.

For your info: this project needs a maintainer.

[screaser]

Good to know! The page on Atmosphere.js still points to the non-Meteor GitHub page... is there any way to get that updated?

https://atmospherejs.com/rubaxa/sortable >> https://github.com/RubaXa/Sortable/

[jowilhnson]

Thanks screaser, you are a life saver!
Too bad this package still doesn't really work for meteor. Fixing one error just leads to another.
And yes, the atmoshpere page still points to this GitHub page.

[jdmswong]

had this problem too, the atmosphere link still points here please correct it!
https://atmospherejs.com/rubaxa/sortable