jeditable回调有空值//或//如何在单击保存按钮后显示已编辑的文本？

Question

我有以下代码，它附加并在HTML表格中的div元素上正确启动可编辑。该表是通过ajax调用生成的。我可以使用editable更新后端，但是它没有更新正在编辑的HTML表格单元格？因为我必须重新运行ajax查询以使用来自后端的新值重新显示表。所以我的问题基本上是在成功提交后显示新值。

为了解决我的问题，我想到了使用回调函数，但我发现控制台日志中的回调函数中的值和设置为空...

我该如何解决我的问题？

$(".edit_area").editable('/cgi-bin/mycgiscript.cgi', {
event       : 'dblclick',       //or dblclick
type        : 'textarea',
rows        : 2,
cols        : 30,
cancel      : 'Cancel',
submit      : 'Save',
indicator   : '<img src="images/indicator.gif">',
placeholder : 'Double Click to enter text',
tooltip     : 'Double Click to edit...',
name        : 'name',
id      : 'id',
callback    : function(value, settings) {
console.log('value='+value);
console.log('settings='+settings);
console.log('callback executed='+value);
return(value);
}
});

我使用了回调，因为在“保存”编辑后的文本之后。编辑的文本不会显示在HTML页面上。它正确地保存在后端数据库中。我重新运行了ajax调用，它显示了来自后端服务器的更新信息...

editable附加到html表中的div，该表是从ajax调用生成的。如果它有帮助...

Answer 1

已解决：它的工作方式是：函数的ajax调用必须返回一些东西，你可以使用回调函数解析它。所以一旦我的ajax调用开始吐出数据。我很好。

tx all。

Answer 2

是。您的AJAX函数必须返回一个String，将在您刚编辑的textarea上使用该String。

当我使用它时，我的AJAX调用返回2个东西，一个成功/失败标志和返回消息。我在某处显示返回消息以通知用户操作成功与否。然后我使用回调函数来实际更新我的目标文本区域。