Ich versuche, Font Awesome-Symbole anstelle der jqueryUI-Symbole für die Symbolleiste in meinem jqGrid zu verwenden (Symbole hinzufügen, bearbeiten, löschen, anzeigen).

Diese Demo ist genau das, was ich erreichen möchte. Ich habe Oleg's gelesenAntworten Das demonstriert das Entfernen der Icon-Klasse und das Hinzufügen der Font Awesome-Icons an deren Stelle. Aber wenn ich das versuche, ändert sich nichts. Ich glaube, ich verweise möglicherweise auf die Symbole falsch.

Ich habe Font Awesome 4.0.3 heruntergeladen und habe jqGrid 4.5.4 - In der Datei _icons.scss des FA-Dateibaums werden die Symbole folgendermaßen referenziert:

.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }

Aber in Olegs vorgeschlagenem Code sind die neuen Icons mit "icon-pencil" beschriftet:

$grid.jqGrid("navGrid", "#pager", {editicon: "icon-pencil",
        addicon: "icon-plus", delicon: "icon-trash", searchicon: "icon-search",
        refreshicon: "icon-refresh", viewicon: "icon-file",view: true});

$("#pager .navtable .ui-pg-div>span").removeClass("ui-icon");

Dies ist mein Code: Ich habe nur das Bearbeitungssymbol für dieses Beispiel erstellt. Ich habe auch das neue Label für die Icons "fa-pencil" verwendet.

jQuery("#grid").jqGrid('navGrid','#grid_toppager"', {editicon: "fa-pencil", edit:true});

$('#grid_toppager .navtable .ui-pg-div>span').removeClass('ui-icon'); 

Welche Codekombination benötige ich, um die UI-Symbole durch die Font Awesome-Symbole zu ersetzen?

Alle hilfreichen Tipps wäre dankbar, danke