Question

我需要将类（cls）值添加到选项卡式面板中的实际选项卡中（用于测试自动化目的）。

我认为这可以解决这个问题：

component1.title = "1";
component2.title = "2";
component3.title = "3";

component1.cls = "1";
component2.cls = "2";
component3.cls = "3";

var v = Ext.create('Ext.tab.Panel',{
    items: [
        component1,
        component2,
        component3,
    ]
});

然而 component.cls =＆＃34; 1＆＃34; 只是将类值添加到选项卡式面板主体元素，而不是上面的实际标签。

编辑：正确答案如下。要应用我的问题的答案，我将tabConfig添加到我的组件中，如下所示：

component1.title = "1";
component1.cls = "1";
component1.tabConfig = {
    cls: 'foo'
}

Ext.create('Ext.tab.Panel',{
    items: [
        component1
    ]
});

Answer 1

使用：

new Ext.tab.Panel({
    items: [{
        title: 'Foo',
        tabConfig: {
            cls: 'foo'
        }
    }]
});

文档：http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.tab.Panel

需要在“选项卡式面板”选项卡上添加类值

1 个答案: