没有“确定”和“取消”按钮的jQuery jeditable

Question

我有一个文本区域，可以使用jeditable插件进行编辑，但我不想要确定和取消按钮。相反，我将通过单击文本区域外部（模糊）保存文本。我已经准备好了这段代码，但是我不知道如何使它工作。

- Adam

Answer 1

只需将此设置添加到哈希表中：

onblur   : 'submit'

例子：

$(document).ready(function() {
    $("#editable1").editable("http://www.domain.com/editdata/", { 
        indicator : "<img src='img/indicator.gif'>",
        type      : 'textarea',
        onblur    : 'submit',
        tooltip   : 'Click to edit...',
        cancel    : 'Cancel'
    });
});

希望这可以帮到你，

祝好

- Marcos Placona

---

如果您不想要“取消”按钮，那么您可以省略它。但是用户需要知道，如果他们不想保留更改，则需要按ESC键。 - tvanfosson

这就是为什么我把它留在那里，只是删除了提交 :-) - Marcos Placona

非常感谢您，mplacona。我完全忽略了onblur。 - Adam

我建议你将答案标记为已回复，这样它就可以用于将来的参考。很高兴能帮到你。 - Marcos Placona

但是，如果用户按Tab键并选择取消按钮然后按Enter键，如何强制非保存...预期的行为是内容不会被保存，但是在onblur提交时它却被保存了！这非常反直觉... - Yordan Georgiev

Answer 2

对于那些由于onblur过早触发而遇到移动支持问题的人，需要一种编程方式来“取消”编辑。我在jquery.jeditable.js文件的if('destroy' == target)块下面添加了以下片段。

if ('cancel' == target) {
        //original.reset();
        if ($.isFunction($.editable.types[settings.type].reset)) {
            var reset = $.editable.types[settings.type].reset;
        } else {
            var reset = $.editable.types['defaults'].reset;
        }
        reset.apply(form, [settings, original]);
        return;
    }

将其修改为提交功能也不会太困难。

- Elliott Quick