extjs - 如何从内部引用 tabpanels 选项卡

Question

我有一个 tabpanel，它是表单的一部分(输入字段位于不同的选项卡上)。如果表单包含无效字段，即使它们不在当前选项卡上，我也需要在提交时通知用户。我认为最好的方法是更改​​标签颜色。

问题是如何在不引入新 ID 的情况下获取选项卡按钮的引用？

这就是我想要做的，结果证明是一个死胡同，因为我得到了标签内部主体的引用，并且还有一个到整个标签面板

...
xtype:'tabpanel',
plain:true,
activeTab: 0,
height:190,
margin: '10 0 0 0',
items: [{
    title: 'Personal',
    layout:'column',
    border:false,
    items:[{
        columnWidth:.5,
        border:false,
        layout: 'anchor',
        defaultType: 'textfield',
        items: [{
             fieldLabel: 'Email',
             name: 'user[email]',
             allowBlank: false,
             listeners: {
                 'validitychange': function(th, isvalid, eOpts) {
                     if(!isvalid) {
                         alert(this.up().up().getId());
                     };
                 }
             },
             vtype:'email',
             anchor:'95%'
        }]
    }]
}]

Answer 1

尝试这个:
从您的字段或面板中的任何其他组件(如按钮):

this.up('tabpanel').down('tab').el.applyStyles('background:red')

如果有问题的选项卡不是第一个选项卡，您可以在选择器中使用任何选项卡属性，如下所示: ... down('tab[text=Example]') .如果你有 id 属性，你可以使用它，如果没有，你可以组成任何属性并将其设置为有意义的东西，比如“ref:FirstTab”。