在等待来自服务器的选择下拉项时，似乎jeditable中的loadtext属性不起作用

我正在使用jeditable，我正在从我的服务器加载一个选择下拉列表 （通过ajax加载需要几秒钟），我想在ajax调用运行时显示加载图像或文本，这样人们就知道下拉列表正在从服务器加载。

我看到有一个“指示器”属性，用于在将值保存到服务器时显示加载图像或文本（这完美无缺）但由于某种原因，当您为选择加载项目时没有工作选项来设置加载消息落下。

当我查看插件时，我看到一个“loadingtext”属性似乎应该这样做但是当我点击我的文本时我没有看到这个“正在加载…”。 启动ajax查询以获取下拉列表时显示的文本。

这是我的代码：

$('#person').editable('/Project/UpdatePerson', { loadurl: '/Project/GetPeople', type: 'select', loadtext: 'Loading Dropdown...', indicator: 'Saving...', submit: 'OK', callback : function(value, settings) { var json = $.parseJSON(value); $(this).text(json.Value); } }); 

有什么建议？

Answer 1

试试这个，

  $(document).ajaxStart(function() { $('#person').append('Loading..') }); $(document).ajaxStop(function() { $('#person').find('span').remove() }); 

更新：

在jeditable插件中使用此更改ajax代码，

 $.ajax({ type : settings.loadtype, url : settings.loadurl, data : loaddata, beforeSend: function(){ if(settings.type == 'select'){ $(self).append('Loading...') } }, //async : false, success: function(result) { window.clearTimeout(t); content.apply(form, [result, settings, self]); $(self).find('span').remove() input_content = result; input.disabled = false; } }); 

希望这对你有用。

Answer 2

我会手动完成这个。 在启动ajax请求之前，请向您的文档添加加载图像。 然后，当ajax请求返回时，从成功回调中的文档中删除图像。