Browse Source

* cs

will-change
Lebedev Konstantin 9 years ago
parent
commit
52bde83397
  1. 29
      knockout-sortable.js

29
knockout-sortable.js

@ -1,4 +1,6 @@
(function (factory) { /*global ko*/
(function (factory) {
"use strict"; "use strict";
//get ko ref via global or require //get ko ref via global or require
var koRef; var koRef;
@ -28,10 +30,14 @@
else if (typeof define === 'function' && define.amd) { else if (typeof define === 'function' && define.amd) {
//we may have a reference to only 1, or none //we may have a reference to only 1, or none
if (koRef !== undefined && sortableRef === undefined) { if (koRef !== undefined && sortableRef === undefined) {
define(['./Sortable'], function(amdSortableRef){ factory(koRef, amdSortableRef); }); define(['./Sortable'], function (amdSortableRef) {
factory(koRef, amdSortableRef);
});
} }
else if (koRef === undefined && sortableRef !== undefined) { else if (koRef === undefined && sortableRef !== undefined) {
define(['knockout'], function(amdKnockout){ factory(amdKnockout, sortableRef); }); define(['knockout'], function (amdKnockout) {
factory(amdKnockout, sortableRef);
});
} }
else if (koRef === undefined && sortableRef === undefined) { else if (koRef === undefined && sortableRef === undefined) {
define(['knockout', './Sortable'], factory); define(['knockout', './Sortable'], factory);
@ -59,7 +65,7 @@
// It's seems that we cannot update the eventhandlers after we've created // It's seems that we cannot update the eventhandlers after we've created
// the sortable, so define them in init instead of update // the sortable, so define them in init instead of update
['onStart', 'onEnd', 'onRemove', 'onAdd', 'onUpdate', 'onSort', 'onFilter'].forEach(function (e) { ['onStart', 'onEnd', 'onRemove', 'onAdd', 'onUpdate', 'onSort', 'onFilter', 'onMove', 'onClone'].forEach(function (e) {
if (options[e] || eventHandlers[e]) if (options[e] || eventHandlers[e])
options[e] = function (eventType, parentVM, parentBindings, handler, e) { options[e] = function (eventType, parentVM, parentBindings, handler, e) {
var itemVM = ko.dataFor(e.item), var itemVM = ko.dataFor(e.item),
@ -116,7 +122,7 @@
moveItem(itemVM, removeOperation.collection, addOperation.collection, addOperation.event.clone, addOperation.event); moveItem(itemVM, removeOperation.collection, addOperation.collection, addOperation.event.clone, addOperation.event);
} }
}, },
// Moves an item from the "to" collection to the "from" collection, these // Moves an item from the "from" collection to the "to" collection, these
// can be references to the same collection which means it's a sort. // can be references to the same collection which means it's a sort.
// clone indicates if we should move or copy the item into the new collection // clone indicates if we should move or copy the item into the new collection
moveItem = function (itemVM, from, to, clone, e) { moveItem = function (itemVM, from, to, clone, e) {
@ -127,11 +133,12 @@
originalIndex = fromArray.indexOf(itemVM), originalIndex = fromArray.indexOf(itemVM),
newIndex = e.newIndex; newIndex = e.newIndex;
if (e.item.previousElementSibling) // We have to find out the actual desired index of the to array,
{ // as this might be a computed array. We could otherwise potentially
newIndex = fromArray.indexOf(ko.dataFor(e.item.previousElementSibling)); // drop an item above the 3rd visible item, but the 2nd visible item
if (originalIndex > newIndex) // has an actual index of 5.
newIndex = newIndex + 1; if (e.item.previousElementSibling) {
newIndex = to().indexOf(ko.dataFor(e.item.previousElementSibling)) + 1;
} }
// Remove sortables "unbound" element // Remove sortables "unbound" element
@ -150,6 +157,8 @@
// Force knockout to update // Force knockout to update
from.valueHasMutated(); from.valueHasMutated();
} }
// Force deferred tasks to run now, registering the removal
ko.tasks.runEarly();
// Insert the item on its new position // Insert the item on its new position
to().splice(newIndex, 0, itemVM); to().splice(newIndex, 0, itemVM);
// Make sure to tell knockout that we've modified the actual array. // Make sure to tell knockout that we've modified the actual array.

Loading…
Cancel
Save