2

我有以下代码附加并在 HTML 表中的 div 元素上正确启动可编辑。该表是通过 ajax 调用生成的。我可以使用可编辑来更新后端，但它没有更新正在编辑的 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 附加到从 ajax 调用生成的 html 表中的 div。如果有帮助...

4

2 回答 2

2

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

全部发送。

于 2012-10-04T21:08:11.680 回答
0

是的。您的 AJAX 函数必须返回一个字符串，该字符串将用于您刚刚编辑的文本区域。

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

于 2014-07-16T20:58:09.337 回答