Recentemente, fiz um hack simples para usar a incrível biblioteca Font Awesome junto com Ext JS (3.4) perfeitamente. O hack que fiz permite que ícones incríveis de fontes sejam servidos como bons ícones Ext JS para Painéis de árvore.
A seguir está o código –
Ext.sequence(Ext.tree.TreeNode.prototype, 'render', function (treenode) {
$('.x-tree-node-icon').removeClass('x-tree-node-icon').replaceWith(function () {
if (typeof($(this).attr('class')) != 'undefined')
return '<i class="' + $(this).attr('class') + '"/>';
else
$(this).addClass('.x-tree-node-icon');
});
});
Ext.intercept(Ext.tree.TreeNode.prototype, 'setIconCls', function (cls) {
$($(this)[0].ui.elNode).find('i').removeClass().addClass(cls);
});
Depois de incluir este javascript no nível superior, você pode usar os ícones Font Awesome (3.4) apenas referenciando-os no iconCls. Este hack também pode ser estendido para ícones de botão etc.
Aqui está o link para o repositório github – https://github.com/aswinramakrish/ext-js_font-awesome