From fbea89c0fd2b06b6dd119adb95704a2969e0a614 Mon Sep 17 00:00:00 2001
From: gamekid <selof86@gmail.com>
Date: Wed, 27 Aug 2014 12:21:19 -0500
Subject: [PATCH 1/2] More intuitive arrow navigation.

Using the arrow keys to navigate elements, when editing the element value, will only work if the cursor is in the first or last position of the input element.

Example: When the entire input value is selected, hitting the right arrow will drop the cursor at the end of the input as you would expect it to. When the cursor is at the end of the input and you hit the right arrow, it will then move to the next element.
---
 mindmup-editabletable.js | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/mindmup-editabletable.js b/mindmup-editabletable.js
index 36be540..bcf56c4 100644
--- a/mindmup-editabletable.js
+++ b/mindmup-editabletable.js
@@ -41,14 +41,16 @@ $.fn.editableTableWidget = function (options) {
 					active.html(originalContent);
 				}
 			},
-			movement = function (element, keycode) {
-				if (keycode === ARROW_RIGHT) {
+			movement = function (element, keycode, start, end) {
+				start = (typeof start === 'undefined') ? true : start;
+				end = (typeof end === 'undefined') ? true : end;
+				if (keycode === ARROW_RIGHT && end) {
 					return element.next('td');
-				} else if (keycode === ARROW_LEFT) {
+				} else if (keycode === ARROW_LEFT && start) {
 					return element.prev('td');
-				} else if (keycode === ARROW_UP) {
+				} else if (keycode === ARROW_UP && start) {
 					return element.parent().prev().children().eq(element.index());
-				} else if (keycode === ARROW_DOWN) {
+				} else if (keycode === ARROW_DOWN && end) {
 					return element.parent().next().children().eq(element.index());
 				}
 				return [];
@@ -71,8 +73,13 @@ $.fn.editableTableWidget = function (options) {
 				active.focus();
 			} else if (e.which === TAB) {
 				active.focus();
-			} else if (this.selectionEnd - this.selectionStart === this.value.length) {
-				var possibleMove = movement(active, e.which);
+			} else {
+				var possibleMove = movement(
+					active, 
+					e.which, 
+					this.selectionEnd===0, 
+					this.selectionStart===this.value.length
+				);
 				if (possibleMove.length > 0) {
 					possibleMove.focus();
 					e.preventDefault();

From e1b23a99761d52568bffcc5dacfe7b8b751c7ab8 Mon Sep 17 00:00:00 2001
From: gamekid <selof86@gmail.com>
Date: Wed, 10 Sep 2014 10:24:56 -0500
Subject: [PATCH 2/2] Accepts multiple editors and 'noedit' attribute

Use different editors per column.

$('table').editableTableWidget({
    editor: [
        $('<textarea>'), // col 1
        $('#select_element').clone() // col 2
]});

Also, use 'noedit' element to disable editing.

<td noedit='true'>No Edit</td>
---
 mindmup-editabletable.js | 87 ++++++++++++++++++++++------------------
 1 file changed, 49 insertions(+), 38 deletions(-)

diff --git a/mindmup-editabletable.js b/mindmup-editabletable.js
index bcf56c4..95f44e8 100644
--- a/mindmup-editabletable.js
+++ b/mindmup-editabletable.js
@@ -2,19 +2,23 @@
 $.fn.editableTableWidget = function (options) {
 	'use strict';
 	return $(this).each(function () {
+		if(!$.isArray(options.editor))options.editor=[options.editor];
 		var buildDefaultOptions = function () {
 				var opts = $.extend({}, $.fn.editableTableWidget.defaultOptions);
-				opts.editor = opts.editor.clone();
+				opts.editor = [opts.editor.clone()];
 				return opts;
 			},
 			activeOptions = $.extend(buildDefaultOptions(), options),
 			ARROW_LEFT = 37, ARROW_UP = 38, ARROW_RIGHT = 39, ARROW_DOWN = 40, ENTER = 13, ESC = 27, TAB = 9,
 			element = $(this),
-			editor = activeOptions.editor.css('position', 'absolute').hide().appendTo(element.parent()),
+			editors = activeOptions.editor,
+			editor,
 			active,
 			showEditor = function (select) {
-				active = element.find('td:focus');
+				active = element.find('td:not([noedit]):focus');
 				if (active.length) {
+					var index = active.index();
+					editor = (editors[index]) ? editors[index] : editors[0];
 					editor.val(active.text())
 						.removeClass('error')
 						.show()
@@ -55,47 +59,50 @@ $.fn.editableTableWidget = function (options) {
 				}
 				return [];
 			};
-		editor.blur(function () {
-			setActiveText();
-			editor.hide();
-		}).keydown(function (e) {
-			if (e.which === ENTER) {
+		$.each(editors,function(key,ed){
+			ed.blur(function () {
 				setActiveText();
 				editor.hide();
-				active.focus();
-				e.preventDefault();
-				e.stopPropagation();
-			} else if (e.which === ESC) {
-				editor.val(active.text());
-				e.preventDefault();
-				e.stopPropagation();
-				editor.hide();
-				active.focus();
-			} else if (e.which === TAB) {
-				active.focus();
-			} else {
-				var possibleMove = movement(
-					active, 
-					e.which, 
-					this.selectionEnd===0, 
-					this.selectionStart===this.value.length
-				);
-				if (possibleMove.length > 0) {
-					possibleMove.focus();
+			}).keydown(function (e) {
+				if (e.which === ENTER) {
+					setActiveText();
+					editor.hide();
+					active.focus();
+					e.preventDefault();
+					e.stopPropagation();
+				} else if (e.which === ESC) {
+					editor.val(active.text());
 					e.preventDefault();
 					e.stopPropagation();
+					editor.hide();
+					active.focus();
+				} else if (e.which === TAB) {
+					active.focus();
+				} else {
+					var possibleMove = movement(
+						active, 
+						e.which, 
+						this.selectionEnd===0, 
+						this.selectionStart===this.value.length
+					);
+					if (possibleMove.length > 0) {
+						possibleMove.focus();
+						e.preventDefault();
+						e.stopPropagation();
+					}
 				}
-			}
-		})
-		.on('input paste', function () {
-			var evt = $.Event('validate');
-			active.trigger(evt, editor.val());
-			if (evt.result === false) {
-				editor.addClass('error');
-			} else {
-				editor.removeClass('error');
-			}
+			})
+			.on('input paste', function () {
+				var evt = $.Event('validate');
+				active.trigger(evt, editor.val());
+				if (evt.result === false) {
+					editor.addClass('error');
+				} else {
+					editor.removeClass('error');
+				}
+			});
 		});
+		
 		element.on('click keypress dblclick', showEditor)
 		.css('cursor', 'pointer')
 		.keydown(function (e) {
@@ -119,6 +126,10 @@ $.fn.editableTableWidget = function (options) {
 
 		element.find('td').prop('tabindex', 1);
 
+		$.each(editors,function(key,ed){
+			ed.css('position', 'absolute').hide().appendTo(element.parent());
+		});
+
 		$(window).on('resize', function () {
 			if (editor.is(':visible')) {
 				editor.offset(active.offset())