jqGrid: Font Awesome Icons
Я пытаюсь использовать значки Font Awesome вместо значков jqueryUI для панели инструментов в моем jqGrid (добавлять, редактировать, удалять, просматривать значки).
Этот демо это именно то, что я хотел бы достичь. Я читал олегответ это демонстрирует удаление класса значков и добавление значков Font Awesome на его место. Но когда я пытаюсь это сделать, ничего не меняется. Я считаю, что я, возможно, ссылаюсь на значки неправильно.
Я скачал Font Awesome 4.0.3, и у меня есть jqGrid 4.5.4 - в файле _icons.scss дерева файлов FA ссылки на значки выглядят так:
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
Но в предложенном Олегом коде новые значки обозначены как «иконка-карандаш»:
$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");
Это мой код: я только сделал иконку редактирования для этого примера. Я также использовал новый ярлык для значков "fa-карандаша".
jQuery("#grid").jqGrid('navGrid','#grid_toppager"', {editicon: "fa-pencil", edit:true});
$('#grid_toppager .navtable .ui-pg-div>span').removeClass('ui-icon');
Какая комбинация кода мне нужна, чтобы заменить иконки на иконки Font Awesome?
Любые полезные советы будут оценены, спасибо