javascript - 在运行时在Ext JS中更改组合框的外观

我有一个要求，当一个组件具有多个值时，它应该看起来像一个组合框，而当它只有一个值时，它应该看起来像一个文本框。

而不是更改组件。我选择仅更改该组件的cls，以使其在运行时看起来像一个组合框或文本字段，具体取决于组合框中的项目数。

为此，我正在使用以下

comboBox.removeCls('comboBoxWithNoImg');
comboBox.addCls('comboBoxWithImg');

但这是行不通的。当我检查它时，它在手表（调试器）中显示了更改的cls，但在UI上却没有。
同样，它似乎没有刷新或什么。

我还尝试了以下方法：

comboBox.cls = 'comboBoxWithImg';
comboBox.initialCls = 'comboBoxWithImg';
comboBox.listConfig.cls = 'comboBoxWithImg';
comboBox.initialConfig.cls= 'comboBoxWithImg';
comboBox.fieldCls= 'comboBoxWithImg';

但是它在UI上没有改变。

请帮助，我在这个问题上花了很多时间... :(
提前致谢。

最佳答案

如果要隐藏并显示与组合框一起显示的箭头图标，则可以在组合框的triggerEl上调用隐藏和显示功能，如下所示

comboBox.triggerEl.hide();
comboBox.triggerEl.show();