#110: + setData (close #111)

README.md

@@ -1,17 +1,17 @@
 # Sortable
 
+Sortable is a minimalist JavaScript library for reorderable drag-and-drop lists.
 
 ## Features
- * Support touch devices and [modern](http://caniuse.com/#search=drag) browsers
+ * Supports touch devices and [modern](http://caniuse.com/#search=drag) browsers
+ * Can drag from one list to another or within the same list
  * Animation moving items when sorting (css animation)
  * Built using native HTML5 drag and drop API
  * Support [AngularJS](#ng)
  * Simple API
- * Lightweight, 2KB gzipped
  * No jQuery
 
 
-
 ### Usage
 ```html
 <ul id="items">
@@ -41,6 +41,9 @@ var sortabel = new Sortable(el, {
 	filter: ".ignor-elements", // Selectors that do not lead to dragging (String or Function)
 	draggable: ".item",   // Specifies which items inside the element should be sortable
 	ghostClass: "sortable-ghost",
+	setData: function (dataTransfer, dragEl) {
+		dataTransfer.setData('Text', dragEl.textContent);
+	},
 
 	onStart: function (/**Event*/evt) { /* dragging */ },
 	onEnd: function (/**Event*/evt) { /* dragging */ },

Sortable.js

@@ -84,7 +84,10 @@
 			ghostClass: 'sortable-ghost',
 			ignore: 'a, img',
 			filter: null,
-			animation: 0
+			animation: 0,
+			setData: function (dataTransfer, dragEl) {
+				dataTransfer.setData('Text', dragEl.textContent);
+			}
 		};
 
 
@@ -304,7 +307,8 @@
 
 
 		_onDragStart: function (evt/**Event*/, isTouch/**Boolean*/){
-			var dataTransfer = evt.dataTransfer;
+			var dataTransfer = evt.dataTransfer,
+				options = this.options;
 
 			this._offUpEvents();
 
@@ -341,7 +345,7 @@
 			}
 			else {
 				dataTransfer.effectAllowed = 'move';
-				dataTransfer.setData('Text', dragEl.textContent);
+				options.setData && options.setData.call(this, dataTransfer, dragEl);
 
 				_on(document, 'drop', this._onDrop);
 			}