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

时间:2013-08-07 17:43:55

标签: javascript extjs sencha-touch

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

我知道,如果您使用iconCls,可以使用一些图片。

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

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

1 个答案:

答案 0 :(得分:1)

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

视图:

iconCls: 'myTab'

的CSS:

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