Kendo Grid Loading Spinner не находится в центре экрана

Question

Я использую сетку Kendo без фиксированной высоты и с 50-100 вводами на одной странице. Проблема в том, что когда я прокручиваю страницу вниз и меняю страницу, в центре сетки появляется загрузочный счетчик, который не отображается.

Как это изменить, так как вращающийся погрузчик появляется в середине видимой области сетки?

Answer 1

Я не уверен, есть ли какое-то чистое решение для вас.

Ну, если Аякс запускается после изменения страницы вы можете сделать это вручную, что-то вроде этого:

я добавил в макете странице 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 ... С помощью небольшой модификации он может вам помочь.