当服务器端数据仍在处理时，如何禁用表头的排序点击？

Question

我正在数据表插件中进行服务器端排序。数据加载需要 4-5 秒，同时如果用户单击其他标题，它将再次触发 AJAX 调用。

当服务器端数据还处于处理状态时，如何限制用户？是否有任何初始功能可以让我检查自定义标志状态&停止可排序直到处理完成？

Answer 1

当您第一次收到请求时，禁用该按钮。然后在服务器完成时触发的回调函数中启用该按钮。这就是你要做的，但如果你想要代码，那就给出代码。

Answer 2

只是一个快速提示：

• 设置 async: false
• 禁用排序按钮
• 在成功请求时启用它们

Answer 3

如果我没记错的话，jquery 有 3 个函数，例如 ajaxStart()、ajaxError() 和 ajaxComplete()。

只需在 ajaxStart 时禁用整个网格/仅网格标题，并在 ajaxError （您可以执行一些错误处理）或 ajaxComplete 时再次启用它。

Answer 4

有多种方法可以做到这一点，最简单的方法取决于您的代码。

$(document).ajaxSend( function(){
   $('controls_selector').hide();
}).ajaxComplete( function(){
   $('controls_selector').show();
});

这样可以做到这一点，但是这会在页面上的任何 ajax 事件期间禁用它们。该文档描述了如何使用回调函数的参数来确定 ajax 调用的性质并有选择地显示/隐藏这些元素。

这样您就可以避免深入研究和使用插件代码。

更新

症结点似乎是您不想隐藏元素，您想要一种暂时禁用事件处理程序的方法，并且由于它们隐藏在数据表中，您不想修改它们。我会执行以下操作：

var tableheadclone = $('#mytableid thead>tr>th').clone(true);

然后将该克隆写入其他位置并隐藏它（或将其保留在全局 js 变量中）。然后您可以使用

$('#mytableid thead>tr>th').unbind('click');

删除事件处理程序。

您可以使用 replaceWith() jQuery 函数重新设置事件处理程序。