有没有办法将单个功能一起应用于多个组件-javascript / EXTJ

Question

我有3个multicomboselector组件和2个组合框。为了展示一些，这是我的代码：

addComp: function(){

    multicombo1 = new Qx.form.MultiSelectComboBox({
                             hidden: true,
                        disabled: true,
                        allowBlank: false,
                        });
    multicombo2 = new Qx.form.MultiSelectComboBox({
                             hidden: true,
                        disabled: true,
                        allowBlank: false,
                        });
    multicombo3 = new Qx.form.MultiSelectComboBox({
                             hidden: true,
                        disabled: true,
                        allowBlank: false,
                        });
     combo1 = new Ext.form.ComboBox({
                             hidden: true,
                        disabled: true,
                        allowBlank: false,
                        });
    combo2 = new Ext.form.ComboBox({
                             hidden: true,
                        disabled: true,
                        allowBlank: false,
                        });
}

html：

<button onclick="removeAllInvalids()">Remove</button>

我在每个字段上都设置了验证，如果它们为空白，则会引发错误。现在有一种方法可以一起清除所有字段上的无效内容，而不是分别对每个字段应用clearInvalid（）？由于可以在页面中添加更多组件，因此可能会很麻烦

我正在这样做：

removeAllInvalids: function(){
    multicombo1.clearInvalid();
    multicombo2.clearInvalid();
    multicombo3.clearInvalid();
    combo1.clearInvalid();
    combo2.clearInvalid();
}

有没有更好的方法来解决这个问题？