Как получить доступ к старым и новым значениям перед отправкой с помощью jeditable

У меня есть поле, которое обновляется jeditable. Я хочу вывести предупреждающее сообщение перед отправкой обновлений, если значение уменьшается (что приведет к потере данных), но не увеличивается.

Это кажется хорошим кандидатом на функцию jeditable onsubmit, которую я могу с радостью запустить. Я могу получить новое значение из $('input', this).val(), но как мне получить исходное значение, с которым можно сравнить его в этом контексте?

...

После публикации приведенного выше объяснения/вопроса я придумал своего рода решение. Изменив вызов в jquery.ready с

$('#foo').editable(...);

to

$('#foo').hover(function(){
  var old_value = $(this).text();
  $(this).editable('ajax.php', {
     submitdata {'old_value':old_value}
  });
});

Я могу использовать settings.submitdata.old_value в методе onsubmit.

Но наверняка должен быть лучший способ? В jeditable все еще должно быть где-то спрятано старое значение, чтобы иметь возможность вернуть его. Итак, возникает вопрос, как я могу получить доступ к этому из функции onsubmit?

Заранее большое спасибо за любые предложения.


onsubmit jeditable
person petercoles    schedule 29.01.2011    source источник

Ответы (2)


arrow_upward
8
arrow_downward

Вот мой редактируемый (он использует функцию 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);
    }
person santiagoIT    schedule 30.01.2011

arrow_upward
11
arrow_downward

Гораздо более простым решением было бы добавить эту строку в вашу переменную submitdata.

"submitdata": function (value, settings) {
      return {
           "origValue": this.revert
      };
 }
person Charlie Strawn    schedule 17.05.2012