jqGrid: Font Awesome Icons
Eu estou tentando usar ícones Font Awesome no lugar dos ícones jqueryUI para a barra de ferramentas no meu jqGrid (adicionar, editar, excluir, exibir ícones).
este demonstração é exatamente o que eu gostaria de realizar. Eu li o Oleg'sresponda Isso demonstra a remoção da classe de ícones e a adição dos ícones Font Awesome em seu lugar. Mas quando tento fazer isso nada muda. Eu acredito que estou possivelmente referenciando os ícones errado.
Eu baixei o Font Awesome 4.0.3 e tenho o jqGrid 4.5.4 - No arquivo _icons.scss da árvore de arquivos FA os ícones são referenciados assim:
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
Mas no código sugerido de Oleg, os novos ícones são rotulados como "lápis de ícones":
$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");
Este é o meu código: eu fiz apenas o ícone de edição para este exemplo. Eu também usei o novo rótulo para os ícones, "fa-pencil".
jQuery("#grid").jqGrid('navGrid','#grid_toppager"', {editicon: "fa-pencil", edit:true});
$('#grid_toppager .navtable .ui-pg-div>span').removeClass('ui-icon');
Que combinação de código eu preciso para substituir os ícones-ui pelos ícones Font Awesome?
Qualquer dica útil seria apreciada, obrigado