X-Editable在成功更新后放置“Empty”

时间:2015-01-28 10:38:58

标签: javascript jquery x-editable

我正在使用X-Editable插件在桌面上进行内联编辑,但是我遇到了一个恼人的问题。在成功请求和成功更新之后,插件将" Empty"而是表格单元格上的正确更新值。

我的网站很安静,所以我正在对http://example.com/admin/year/<id>等网址进行PUT请求以进行数据库更新。

我已经制作了一个JSFiddle来展示我的问题,但是在JSFiddle上,X-Editable保持了无限的“加载”#34;在ajax请求之后。看看:http://jsfiddle.net/wqqr3cL3/4/

由于

1 个答案:

答案 0 :(得分:1)

OK!得到它了!为了解决这个问题,我使用了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/