Как получить доступ к старым и новым значениям перед отправкой с jeditable
у меня есть поле, обновляемое jeditable. Я хочу вывести предупреждающее сообщение перед отправкой обновлений, если значение уменьшается (что приведет к потере данных), но не если оно увеличивается.
Это кажется хорошим кандидатом на функцию onsubmit jeditable, которую я могу запустить с радостью. Я могу получить новое значение из $('input', this).val (), но как получить исходное значение, с которым его можно сравнить в этом контекст?
...
С момента публикации вышеуказанного объяснения / вопроса я придумал решение. Изменяя вызов в jquery.готов от
$('#foo').editable(...);
to
$('#foo').hover(function(){
var old_value = $(this).text();
$(this).editable('ajax.php', {
submitdata {'old_value':old_value}
});
});
Я могу использовать параметры.submitdata.old_value в методе onsubmit.
но наверняка должен быть лучший способ? jeditable должен все еще иметь старую ценность, спрятанную где-то, чтобы иметь возможность вернуть ее. Так что вопрос в том, как я могу получить доступ это из функции onsubmit?
большое спасибо заранее за любые предложения.
2 ответов
вот мой редактируемый (он использует функцию submitEdit):
$(function () {
$('.editable').editable(submitEdit, {
indicator: '<img src="content/images/busy.gif">',
tooltip: '@Html.Resource("Strings,edit")',
cancel: '@Html.Resource("Strings,cancel")',
submit: '@Html.Resource("Strings,ok")',
event: 'edit'
});
/* Find and trigger "edit" event on correct Jeditable instance. */
$(".edit_trigger").bind("click", function () {
$(this).parent().prev().trigger("edit");
});
});
в submitEdit origvalue является исходным значением перед редактированием
function submitEdit(value, settings) {
var edits = new Object();
var origvalue = this.revert;
var textbox = this;
var result = value;
// sb experiment
var form = $(this).parents('form:first');
// end experiment
edits["field"] = form.find('input[name="field"]').val();
edits["value"] = value;
var returned = $.ajax({
url: '@Url.Action("AjaxUpdate")',
type: "POST",
data: edits,
dataType: "json",
complete: function (xhr, textStatus) {
// sever returned error?
// ajax failed?
if (textStatus != "success") {
$(textbox).html(origvalue);
alert('Request failed');
return;
}
var obj = jQuery.parseJSON(xhr.responseText);
if (obj != null && obj.responseText != null) {
alert(obj.responseText);
$(textbox).html(origvalue);
}
}
});
return (result);
}
гораздо проще было бы добавить эту строку в переменную submitdata
"submitdata": function (value, settings) {
return {
"origValue": this.revert
};
}