在 DataTables JQuery 启动 ASP NET 之前显示模式

Question

我在 ASP NET 项目中使用 DataTables JQuery 1.10.18。

我需要在数据表有任何数据之前显示一个模式对话框，并在所有数据表进程完成后隐藏它。

第二部分由

解决

initComplete: function (settings, json) {
           $('#loading').modal('hide');
        }

其中 'loading' 是模式的 ID。

但是，我的问题是在所有数据绑定到 gridview 之前显示它，或者在任何情况下，在它绑定到 gridview 但尚未应用数据表的样式之后显示它。

我想做这样的事情：

检索数据 - 绑定到 gridview - 显示模式 - 应用数据表样式 - 关闭模式。

应用数据表的所有逻辑都已完成并且可以正常工作。我只有一个问题是需要很多秒才能应用。

我当然试过了

       $('#loading').modal('show');

在调用配置数据表的函数之前，但模式显示在所有配置完成之后。 我也尝试过使用 Promise、回调、settimeout，但总是一样。

澄清

由于项目的后端结构，我们无法使用 AJAX 发出请求。我们有一个问题，我们决定在项目开始后实施 Datatable。 我澄清这一点是因为我们知道 Datatable 擅长将服务器端进程与 AJAX 集成，但对我们来说，这不是（很遗憾）一种选择。

Answer 1

试试这个！将您的数据表放在这样的 div 中：

<div id="tableDiv" hidden>
// your table
</div>

然后当你的数据表被加载时，让它像这样可见：

$("#yourtable").prop("hidden",false);

编辑：还可以使用此功能了解您的桌子何时完成抽奖事件

$('#someTable').on( 'draw.dt', function(){
     if (! example.data().any() ) {
          console.log("empty");
        }else {
          console.log("not empty"); 
         //display your table here ?
        }
    });

希望对你有帮助