rooty/DataTables
1
0
Fork 0
mirror of https://github.com/DataTables/DataTables.git synced 2025-02-19 17:54:14 +01:00
Code Issues Releases Activity

Updated: jEditable source to v1.7.1

Browse Source
This commit is contained in:
Allan Jardine 2011-01-18 19:02:33 +00:00
parent bad588e6f2
commit 1e9436cc5e
1 changed files with 99 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

160
examples/examples_support/jquery.jeditable.js
View File

@ -1,7 +1,7 @@
/* /*
* Jeditable - jQuery in place edit plugin * Jeditable - jQuery in place edit plugin
* *
* Copyright (c) 2006-2008 Mika Tuupola, Dylan Verheul * Copyright (c) 2006-2009 Mika Tuupola, Dylan Verheul
* *
* Licensed under the MIT license: * Licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php * http://www.opensource.org/licenses/mit-license.php
@ -15,7 +15,7 @@
*/ */
/** /**
* Version 1.6.2 * Version 1.7.1
* *
* ** means there is basic unit tests for this parameter. * ** means there is basic unit tests for this parameter.
* *
@ -60,28 +60,25 @@
(function($) { (function($) {
$.fn.editable = function(target, options) { $.fn.editable = function(target, options) {
var settings = { if ('disable' == target) {
target : target, $(this).data('disabled.editable', true);
name : 'value', return;
id : 'id',
type : 'text',
width : 'auto',
height : 'auto',
event : 'click',
onblur : 'cancel',
loadtype : 'GET',
loadtext : 'Loading...',
placeholder: 'Click to edit',
loaddata : {},
submitdata : {},
ajaxoptions: {}
};
if(options) {
$.extend(settings, options);
} }
if ('enable' == target) {
$(this).data('disabled.editable', false);
return;
}
if ('destroy' == target) {
$(this)
.unbind($(this).data('event.editable'))
.removeData('disabled.editable')
.removeData('event.editable');
return;
}
var settings = $.extend({}, $.fn.editable.defaults, {target:target}, options);
/* setup some functions */ /* setup some functions */
var plugin = $.editable.types[settings.type].plugin || function() { }; var plugin = $.editable.types[settings.type].plugin || function() { };
var submit = $.editable.types[settings.type].submit || function() { }; var submit = $.editable.types[settings.type].submit || function() { };
@ -94,23 +91,19 @@
var reset = $.editable.types[settings.type].reset var reset = $.editable.types[settings.type].reset
|| $.editable.types['defaults'].reset; || $.editable.types['defaults'].reset;
var callback = settings.callback || function() { }; var callback = settings.callback || function() { };
var onedit = settings.onedit || function() { };
var onsubmit = settings.onsubmit || function() { }; var onsubmit = settings.onsubmit || function() { };
var onreset = settings.onreset || function() { }; var onreset = settings.onreset || function() { };
var onerror = settings.onerror || reset; var onerror = settings.onerror || reset;
/* add custom event if it does not exist */
if (!$.isFunction($(this)[settings.event])) {
$.fn[settings.event] = function(fn){
return fn ? this.bind(settings.event, fn) : this.trigger(settings.event);
}
}
/* show tooltip */ /* show tooltip */
$(this).attr('title', settings.tooltip); if (settings.tooltip) {
$(this).attr('title', settings.tooltip);
}
settings.autowidth = 'auto' == settings.width; settings.autowidth = 'auto' == settings.width;
settings.autoheight = 'auto' == settings.height; settings.autoheight = 'auto' == settings.height;
return this.each(function() { return this.each(function() {
/* save this to self because this changes when scope changes */ /* save this to self because this changes when scope changes */
@ -121,20 +114,39 @@
var savedwidth = $(self).width(); var savedwidth = $(self).width();
var savedheight = $(self).height(); var savedheight = $(self).height();
/* save so it can be later used by $.editable('destroy') */
$(this).data('event.editable', settings.event);
/* if element is empty add something clickable (if requested) */ /* if element is empty add something clickable (if requested) */
if (!$.trim($(this).html())) { if (!$.trim($(this).html())) {
$(this).html(settings.placeholder); $(this).html(settings.placeholder);
} }
$(this)[settings.event](function(e) { $(this).bind(settings.event, function(e) {
/* abort if disabled for this element */
if (true === $(this).data('disabled.editable')) {
return;
}
/* prevent throwing an exeption if edit field is clicked again */ /* prevent throwing an exeption if edit field is clicked again */
if (self.editing) { if (self.editing) {
return; return;
} }
/* abort if onedit hook returns false */
if (false === onedit.apply(this, [settings, self])) {
return;
}
/* prevent default action and bubbling */
e.preventDefault();
e.stopPropagation();
/* remove tooltip */ /* remove tooltip */
$(self).removeAttr('title'); if (settings.tooltip) {
$(self).removeAttr('title');
}
/* figure out how wide and tall we are, saved width and height */ /* figure out how wide and tall we are, saved width and height */
/* are workaround for http://dev.jquery.com/ticket/2190 */ /* are workaround for http://dev.jquery.com/ticket/2190 */
@ -155,8 +167,8 @@
//$(this).css('visibility', ''); //$(this).css('visibility', '');
/* remove placeholder text, replace is here because of IE */ /* remove placeholder text, replace is here because of IE */
if ($(this).html().toLowerCase().replace(/;/, '') == if ($(this).html().toLowerCase().replace(/(;|")/g, '') ==
settings.placeholder.toLowerCase().replace(/;/, '')) { settings.placeholder.toLowerCase().replace(/(;|")/g, '')) {
$(this).html(''); $(this).html('');
} }
@ -331,11 +343,14 @@
var ajaxoptions = { var ajaxoptions = {
type : 'POST', type : 'POST',
data : submitdata, data : submitdata,
dataType: 'html',
url : settings.target, url : settings.target,
success : function(result, status) { success : function(result, status) {
$(self).html(result); if (ajaxoptions.dataType == 'html') {
$(self).html(result);
}
self.editing = false; self.editing = false;
callback.apply(self, [self.innerHTML, settings]); callback.apply(self, [result, settings]);
if (!$.trim($(self).html())) { if (!$.trim($(self).html())) {
$(self).html(settings.placeholder); $(self).html(settings.placeholder);
} }
@ -343,7 +358,7 @@
error : function(xhr, status, error) { error : function(xhr, status, error) {
onerror.apply(form, [settings, self, xhr]); onerror.apply(form, [settings, self, xhr]);
} }
} };
/* override with what is given in settings.ajaxoptions */ /* override with what is given in settings.ajaxoptions */
$.extend(ajaxoptions, settings.ajaxoptions); $.extend(ajaxoptions, settings.ajaxoptions);
@ -372,10 +387,12 @@
$(self).html(settings.placeholder); $(self).html(settings.placeholder);
} }
/* show tooltip again */ /* show tooltip again */
$(self).attr('title', settings.tooltip); if (settings.tooltip) {
$(self).attr('title', settings.tooltip);
}
} }
} }
} };
}); });
}; };
@ -453,12 +470,12 @@
var textarea = $('<textarea />'); var textarea = $('<textarea />');
if (settings.rows) { if (settings.rows) {
textarea.attr('rows', settings.rows); textarea.attr('rows', settings.rows);
} else { } else if (settings.height != "none") {
textarea.height(settings.height); textarea.height(settings.height);
} }
if (settings.cols) { if (settings.cols) {
textarea.attr('cols', settings.cols); textarea.attr('cols', settings.cols);
} else { } else if (settings.width != "none") {
textarea.width(settings.width); textarea.width(settings.width);
} }
$(this).append(textarea); $(this).append(textarea);
@ -471,26 +488,30 @@
$(this).append(select); $(this).append(select);
return(select); return(select);
}, },
content : function(string, settings, original) { content : function(data, settings, original) {
if (String == string.constructor) { /* If it is string assume it is json. */
eval ('var json = ' + string); if (String == data.constructor) {
for (var key in json) { eval ('var json = ' + data);
if (!json.hasOwnProperty(key)) { } else {
continue; /* Otherwise assume it is a hash already. */
} var json = data;
if ('selected' == key) {
continue;
}
var option = $('<option />').val(key).append(json[key]);
$('select', this).append(option);
}
} }
for (var key in json) {
if (!json.hasOwnProperty(key)) {
continue;
}
if ('selected' == key) {
continue;
}
var option = $('<option />').val(key).append(json[key]);
$('select', this).append(option);
}
/* Loop option again to set selected. IE needed this... */ /* Loop option again to set selected. IE needed this... */
$('select', this).children().each(function() { $('select', this).children().each(function() {
if ($(this).val() == json['selected'] || if ($(this).val() == json['selected'] ||
$(this).text() == original.revert) { $(this).text() == $.trim(original.revert)) {
$(this).attr('selected', 'selected'); $(this).attr('selected', 'selected');
}; }
}); });
} }
} }
@ -502,4 +523,21 @@
} }
}; };
})(jQuery); // publicly accessible defaults
$.fn.editable.defaults = {
name : 'value',
id : 'id',
type : 'text',
width : 'auto',
height : 'auto',
event : 'click.editable',
onblur : 'cancel',
loadtype : 'GET',
loadtext : 'Loading...',
placeholder: 'Click to edit',
loaddata : {},
submitdata : {},
ajaxoptions: {}
};
})(jQuery);