X-Editable 更新成功后放置 "Empty"

Question

我正在使用 X-Editable 插件在 table 上进行内联编辑，但我遇到了一个烦人的问题。在成功请求和成功更新后，插件将 "Empty" 代替正确的更新值放在 table 单元格上。

我的站点是 restful，所以我正在向 http://example.com/admin/year/<id> 等 URL 发出 PUT 请求以进行数据库更新。

我制作了一个 JSFiddle 来显示我的问题，但在 JSFiddle 上，X-Editable 在 ajax 请求后保持无限 "loading"。看一看：http://jsfiddle.net/wqqr3cL3/4/

谢谢

Answer 1

好的！知道了！为了解决这个问题，我使用了X-Editable 的属性display。因此，从 X-Editable display 属性 documentation:

Callback to perform custom displaying of value in element's text. If null, default input's display used. If false, no displaying methods will be called, element's text will never change. Runs under element's scope.

我更新了我的代码，在收到 AJAX 请求的响应后，我以这种方式更新了文本：

//ommited x-editable other code...        
display: function (value, sourceData, response) {
   $(this).html(response.value);
}

这里是一个工作示例，但使用的是文本框。我使用了 select 框。 link: http://jsfiddle.net/xBB5x/278/

X-Editable 更新成功后放置 "Empty"

X-Editable putting "Empty" after successful update

javascript

jquery

x-editable