JQGrid, необходимо изменить сообщение о ходе выполнения "Загрузка..."

Ответ 1

Попробуйте использовать

.ui-jqgrid .loading { background: url(ajax-loader.gif); }

он должен работать. Некоторые анимированные gif могут быть загружены, например, из здесь. Кстати, у div, имеющего сообщение "Загрузка...", есть форма

<div id="load_list" class="loading ui-state-default ui-state-active">Loading...</div>

где id "load_list" будет создан из префикса "load_" и идентификатора элемента таблицы.

ОБНОВЛЕНО. Чтобы удалить текст "Загрузка...", вы можете использовать loadtext: '' параметр jqGrid или перезаписать $.jgrid.defaults.loadtext глобальная настройка из grid.locale-en.js:

$.jgrid.defaults.loadtext='';

Если вам нужно отрегулировать ширину, высоту или любой другой параметр CSS загрузочного div, вы можете сделать это таким же образом. Например,

.ui-jqgrid .loading
{
    left: 45%;
    top: 45%;
    background: url(ajax-loader.gif);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}

Ответ 2

Это, пожалуй, более современный ответ на вопрос, используя FontAwesome, а не gif. Я не мог найти, где это было дано в любом месте, и ему пришлось собрать его из разных мест, включая ответ выше на @oleg.

Надеюсь, это будет полезно для поиска других.

<style>
    .ui-jqgrid .loading {
        background-color: transparent;
        border: 0px;
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

    .ui-jqgrid .loading:before {
        content: "\f110";
        font-family: FontAwesome;
        font-size:40px;
    }
</style>

И затем поместите следующее (точно так же) после $(document).ready(function() {

$.jgrid.defaults.loadtext='';