Прелоадер для Gridview Yii2 Pjax

По умолчанию в Gridview Yii2 при фильтрации через модуль Pjax нет никакого индикатора загрузки этих данных и было бы неплохо сделать какой-то прелоадер, который бы давал понять пользователю, что идет загрузка контента и нужно подождать. Как правило это происходит быстро, но в некоторых случаях, когда на страницу выводится большой массив информации, это необходимо. Тем более, что сделать это не составит большого труда.

Для начала нужно подготовить этот самый прелоадер. Но как-то я уже писал о нем, поэтому можно смело его использовать по назначению. И все, что останется сделать, это добавить Небольшой кусок JavaScript кода:

1
2
3
4
5
6
7

$(document).on('pjax:send', function() {
  $('#loading').show()
})
 
$(document).on('pjax:complete', function() {
  $('#loading').hide()
})

Где #loading — это и есть прелоадер, который мы будем показывать при загрузке данных в Gridview. Никаких дополнительных настроек не требуется, все будет работать и так. А прелоадер, если хотите, можете использовать любой, по вашему усмотрению, даже в виде GIF изображения.