JQGrid, Notwendigkeit der Änderung der Fortschrittsmeldung "Loading..."

Question

Ich möchte JQGrid "Loading..." Nachricht zu etwas mit animierten gif Bild ändern. Überall gesucht, aber konnte nicht finden, einen Weg. Jeder bitte.

Answer 1

Versuchen Sie zu verwenden

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

sollte es funktionieren. Einige animierte Gifs können zum Beispiel geladen werden von aquí . Übrigens, das Div mit der Meldung "Loading..." hat die Form

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

wobei die ID "load_list" aus dem Präfix "load_" und der ID des Tabellenelements gebildet wird.

AKTUALISIERT : Um den Text "Loading..." zu entfernen, können Sie entweder loadtext:'' jqGrid-Option oder überschreiben $.jgrid.defaults.loadtext globale Einstellung aus dem grid.locale-en.js :

$.jgrid.defaults.loadtext='';

Wenn Sie die Breite, Höhe oder einen anderen CSS-Parameter des Lade-Divs anpassen müssen, können Sie dies auf die gleiche Weise tun. Zum Beispiel,

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

Answer 2

Dies ist vielleicht eine modernere Antwort auf die Frage, bei der FontAwesome anstelle eines Gifs verwendet wird. Ich konnte nicht finden, wo diese Frage irgendwo beantwortet wurde, und musste sie aus verschiedenen Quellen zusammensetzen, einschließlich der obigen Antwort von @oleg.

Ich hoffe, dass dies für andere Suchende hilfreich sein wird.

<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>

Und dann platzieren Sie das Folgende (genau so) nach $(document).ready(function() {

$.jgrid.defaults.loadtext='';