我如何使用fontawesome与ExtJS。我想在表列显示一个图标。
例如我有这样的:
widget2: {
viewTemplate: {
title: 'Today\'s calls',
closable: false,
layout: {
type: 'table',
width: '100%',
columns: 2
},
items: [
{ html: '<i class="fas fa-home"></i>' },
{ html: '1,2' },
{ html: '1,3' },
{ html: '2,2' },
{ html: '3,2' },
{ html: '3,3' }
]
}
}
但它只告诉我这一点:
然而在我的主菜单中,我有iconCls: 'fa fa-home'
的菜单项,它工作。试图把它放在表中,但它没有工作。
有什么帮助吗?
顺便说一句,我使用ExtJS 6。
2条答案
按热度按时间iswrvxsc1#
Here是一些关于 Sencha ExtJS 6支持的字体真棒图标的信息。
Ext JS 6+支持Font Awesome版本4.4.0。要查看所有可用的Font Awesome图标列表,请查看Font Awesome Cheatsheet。
Sencha 中的字体真棒图标需要以“x-fa”类开头,例如:
或
这是一个list of all fa icons from version 4.4(请参阅“Web应用程序图标”一章)。如果单击图标,可以看到它的类。
希望能有所帮助。
vaj7vani2#
在css中创建一个类来定义
font-family
,并将其传递给每个html组件,您将决定使用这些组件来制作图标:"小提琴"