X-Editable 成功更新后将“空”答案

【问题标题】：X-Editable putting "Empty" after successful updateX-Editable 成功更新后将“空”
【发布时间】：2015-01-28 10:38:58
【问题描述】：

我正在使用 X-Editable 插件在表格上进行内联编辑，但我遇到了一个烦人的问题。在成功请求和成功更新后，插件会将“空”而不是正确的更新值放在表格单元格上。

我的网站很安静，所以我正在向http://example.com/admin/year/<id> 之类的 URL 发出 PUT 请求以进行数据库更新。

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

谢谢

【问题讨论】：

【解决方案1】：

好的！知道了！为了解决这个问题，我使用了 X-Editable 的属性display。所以，来自 X-Editable display 属性 documentation：

回调以执行元素文本中值的自定义显示。如果 null，使用默认输入的显示。如果false，则没有显示方法将被调用，元素的文本永远不会改变。在元素下运行范围。

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

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

这是一个工作示例，但使用文本框。我使用了一个选择框。链接：http://jsfiddle.net/xBB5x/278/

【讨论】：