如何在将数据加载到SlickGrid时获取加载程序？

Question

我使用最小配置的SlickGrid。在滚动网格时，将显示空白页面，但我想显示加载程序而不是空白页面？怎么办？

Answer 1

我使用spin.js来完成这项工作，非常整洁和可配置，所有这些都是在javascript中完成的。现在我在代码中调用它，我只是在HTML页面中定义一个居中的<div>，然后在我的JS代码中，我在获取数据之前调用微调器，并在数据完全加载后停止它。

HTML代码

<!-- Create a center div only to attach a Spinner to be in center of body -->
<div id="center" style="position:fixed;top:50%;left:50%"></div>

JavaScript代码

// Start a spinner before calling AJAX
var center = document.getElementById('center');
var spinner = new Spinner().spin(target);


$.ajax({
    url: ajaxUrl,
    type: "POST",
    data: data,
    dataType: "JSON",
    success: function (serverResponse) {
        grid = new Slick.Grid("#myGrid", serverResponse, columns, options);
        // ...

        spinner.stop(); // stop the spinner once you finished loading data
    }
});