将自定义图像添加到Ext.tab.Panel上的项目

Posted 2021-05-06

我想在Ext.tab.Panel上的导航项目上添加一些海关图像。

我知道，如果你使用iconCls，有一些图像可用。

items: [
    {
        title: 'Home',
        iconCls: 'home',
        html: 'Home Screen'
    },
    {
        title: 'Contact',
        iconCls: 'user',
        html: 'Contact Screen'
    }
]

我该怎么办？是否有图像属性或其他东西，或者我是否必须编写自己的CSS类？

答案

css方式，或者使用核心中包含的一些图标，有很多:)

视图：

iconCls: 'myTab'

CSS：

.myTab {
   background-image: url("resources/images/myTab.png");
}