Question

我想通过编写内联css结构来更改Ext.tab.Panle元素的样式，就像下面的xtype : button元素一样

{
   xtype: "button",
   itemId: "imageUploadButton1",
   text: "Uploader",
   style: {
      background : '#C81820'
   }
}

我想通过以Json格式编写这样的css来更改tab-panel标题的样式。有可能吗？

以下是我的tabpanel元素结构：

    {
        xtype:"tabpanel",
        activeTab:0,
        items:[{
            xtype:"panel",
            title:"SHOPABLE IMAGES",
        },{
            xtype:"panel",
            title:"LAYOUT SETTINGS"
        },{
            xtype:"panel",
            title:"HOTSPOT SETTINGS"
        }]
    }

感谢。

Answer 1

标签页眉是Ext.tab.Tab的实例，由标签面板动态创建。您可以在选项卡面板的项目上提供tabConfig配置来自定义它们，因为它们是Ext.Component的子类，当然您也可以设置style配置：

items:[{
    xtype: "panel",
    title: "SHOPABLE IMAGES",
    tabConfig: {
        style: {
            background: '#C81820'
        }
    }
},{
    xtype: "panel",
    title: "LAYOUT SETTINGS"
},{
    xtype: "panel",
    title: "HOTSPOT SETTINGS"
}]

小提琴：https://fiddle.sencha.com/#fiddle/o7c

如何使用样式属性为Ext js xtype tabpanel应用样式？

1 个答案: