Kendo Grid Loading Spinner不在屏幕中央

Question

我正在使用没有固定高度的Kendo Grid，并且在一个页面中有50-100个条目。问题是，当我向下滚动页面并更改页面时，加载微调器出现在网格的中间，这是不可见的。

如何更改此设置以使加载微调器出现在网格的可见区域中间？

Answer 1

我不确定你是否有一些干净的解决方案。

好吧，如果在更改页面后运行ajax，您可以手动执行此操作，如下所示：

我添加到布局页面div

<div id="loading"></div>

然后我将javascript包含在以下代码中

$(document).ajaxStop(function(){
    Loading(false);
});

$(document).ajaxStart(function(){
    Loading(true);
});

function Loading(isOn) {
    kendo.ui.progress($('#loading'), isOn);
}

最后我刚刚修改了css我需要它

#gridId .k-loading-image{
    background-image:none;
}

.k-loading-color{
    background-color: green;
    opacity: 0.2;
}

在我的情况下，我在每个ajax调用中显示整个屏幕的加载栏。不过我怎么说，它只适用于ajax调用......通过一些小修改，它可以帮助你......