Merge pull request #51 from slawkacz/master

added start and stop events

Sortable.js

@@ -84,6 +84,8 @@
 		options.onAdd = _bind(this, options.onAdd || noop);
 		options.onUpdate = _bind(this, options.onUpdate || noop);
 		options.onRemove = _bind(this, options.onRemove || noop);
+		options.onStart = _bind(this, options.onStart || noop);
+		options.onEnd = _bind(this, options.onEnd || noop);
 
 
 		// Export group name
@@ -114,6 +116,8 @@
 		_on(el, 'add', options.onAdd);
 		_on(el, 'update', options.onUpdate);
 		_on(el, 'remove', options.onRemove);
+		_on(el, 'start', options.onStart);
+		_on(el, 'stop', options.onEnd);
 
 		_on(el, 'mousedown', this._onTapStart);
 		_on(el, 'touchstart', this._onTapStart);
@@ -306,6 +310,7 @@
 				_on(document, 'drop', this._onDrop);
 			}
 
+			dragEl.dispatchEvent(_createEvent('start', dragEl));
 			setTimeout(this._applyEffects);
 		},
 
@@ -401,6 +406,7 @@
 						// Update event
 						dragEl.dispatchEvent(_createEvent('update', dragEl));
 					}
+					dragEl.dispatchEvent(_createEvent('stop', dragEl));
 				}
 
 				// Set NULL
@@ -426,7 +432,8 @@
 			_off(el, 'add', options.onAdd);
 			_off(el, 'update', options.onUpdate);
 			_off(el, 'remove', options.onRemove);
-
+			_off(el, 'start', options.onStart);
+			_off(el, 'stop', options.onEnd);
 			_off(el, 'mousedown', this._onTapStart);
 			_off(el, 'touchstart', this._onTapStart);
 			_off(el, 'selectstart', this._onTapStart);

index.html

@@ -313,14 +313,18 @@ sort.destroy();
 				group: "words",
 				onAdd: function (evt){ console.log('onAdd.foo:', evt.item); },
 				onUpdate: function (evt){ console.log('onUpdate.foo:', evt.item); },
-				onRemove: function (evt){ console.log('onRemove.foo:', evt.item); }
+				onRemove: function (evt){ console.log('onRemove.foo:', evt.item); },
+				onStart:function(evt){ console.log('onStart.foo:',evt.item);},
+				onEnd: function(evt){ console.log('onEnd.foo:',evt.item);}
 			});
 
 			new Sortable(bar, {
 				group: "words",
 				onAdd: function (evt){ console.log('onAdd.bar:', evt.item); },
 				onUpdate: function (evt){ console.log('onUpdate.bar:', evt.item); },
-				onRemove: function (evt){ console.log('onRemove.bar:', evt.item); }
+				onRemove: function (evt){ console.log('onRemove.bar:', evt.item); },
+				onStart:function(evt){ console.log('onStart.foo:',evt.item);},
+				onEnd: function(evt){ console.log('onEnd.foo:',evt.item);}
 			});