Ext JS Hack para usar Font Awesome como classe de ícone

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