jqGrid: Niesamowite ikony czcionek

Próbuję użyć ikon czcionek Awesome zamiast ikon jqueryUI dla paska narzędzi w moim jqGrid (dodawanie, edycja, usuwanie, wyświetlanie ikon).

To demo jest dokładnie tym, co chciałbym osiągnąć. Czytałem Olegaodpowiedź to demonstruje usunięcie klasy ikony i dodanie na jej miejsce ikon Font Awesome. Ale kiedy próbuję to zrobić, nic się nie zmienia. Myślę, że prawdopodobnie odwołuję się do ikon źle.

Pobrałem Font Awesome 4.0.3 i mam jqGrid 4.5.4 - W pliku _icons.scss drzewa plików FA są one oznaczone następująco:

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

Ale w sugerowanym kodzie Olega nowe ikony są oznaczone jako „ołówek-ikona”:

$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");

To jest mój kod: zrobiłem tylko ikonę edycji dla tego przykładu. Użyłem także nowej etykiety dla ikon „fa-pencil”.

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

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

Jakiej kombinacji kodu potrzebuję, aby zastąpić ikony ui ikonami Font Awesome?

Wszelkie pomocne wskazówki będą mile widziane, dzięki

questionAnswers(2)

yourAnswerToTheQuestion