8

我有一个由 jeditable 更新的字段。如果值正在减少(这将导致数据丢失),我想在提交更新之前输出一条警告消息,但如果它正在增加则不会。

这似乎是 jeditable 的 onsubmit 函数的一个很好的候选,我可以愉快地触发它。我可以从 $('input', this).val() 中获取新值,但是在这种情况下如何获取要与之比较的原始值呢?

...

自从发布上述解释/问题以来,我想出了一种解决方案。通过更改 jquery.ready 中的调用

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

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

我可以在 onsubmit 方法中使用 settings.submitdata.old_value 。

但肯定有更好的方法吗?jeditable 必须仍然将旧值隐藏在某个地方才能恢复它。所以问题变成了如何从 onsubmit 函数访问它?

非常感谢您的任何建议。

4

2 回答 2

11

一个更简单的解决方案是将此行添加到您的 submitdata 变量

"submitdata": function (value, settings) {
      return {
           "origValue": this.revert
      };
 }
于 2012-05-17T20:36:23.063 回答
8

这是我的可编辑(它使用 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);
    }
于 2011-01-30T01:03:34.257 回答