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

【问题标题】：How do I get a loader while loading data into the SlickGrid?在将数据加载到 SlickGrid 时如何获取加载程序？
【发布时间】：2014-05-29 11:00:35
【问题描述】：

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

【问题讨论】：

标签： javascript jquery slickgrid

【解决方案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(center);


$.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
    }
});

【讨论】：