在ExtJS表列中设置字体某个图标

k7fdbhmy  于 2022-11-04  发布在  其他
关注(0)|答案(2)|浏览(185)

我如何使用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。

iswrvxsc

iswrvxsc1#

Here是一些关于 Sencha ExtJS 6支持的字体真棒图标的信息。
Ext JS 6+支持Font Awesome版本4.4.0。要查看所有可用的Font Awesome图标列表,请查看Font Awesome Cheatsheet
Sencha 中的字体真棒图标需要以“x-fa”类开头,例如:

iconCls: 'x-fa fa-home'

<span class="x-fa fa-home"></span>

这是一个list of all fa icons from version 4.4(请参阅“Web应用程序图标”一章)。如果单击图标,可以看到它的类。
希望能有所帮助。

vaj7vani

vaj7vani2#

在css中创建一个类来定义font-family,并将其传递给每个html组件,您将决定使用这些组件来制作图标:"小提琴"

相关问题