ExtJs ComboBox 在IE 下自动完成功能无效的解决方案

最新推荐文章于 2025-09-03 05:40:14 发布

转载最新推荐文章于 2025-09-03 05:40:14 发布 · 1.9k 阅读

文章标签：

#extjs自动提示

问题汇总（Questions）专栏收录该内容

15 篇文章

订阅专栏

本文解决了ExtJS中ComboBox在IE浏览器下无法输入字符的问题，提供了两种解决方案：一是覆盖afterRender方法调整元素位置；二是设置hideTrigger属性为false。

使用 ComboBox 来作为自动完成的组件，就像google suggestion ，可是在IE下怎么也无法输入字符，是处于不可编辑状态，而firefox和chrome都正常显示。我在2个ExtJs QQ群中问这个问题，都没有解决，不知道是不会还是不想回答。我在这里分享出来解决办法。
这个问题困扰了我不少时间，在网上总也搜索不到答案。最后终于通过google找到了解决办法。

方法1：将如下代码添加到你的 Ext.onReady的方法中即可！

 Ext.form.TriggerField.override({
	    afterRender : function(){
	        Ext.form.TriggerField.superclass.afterRender.call(this);
	        var y;
	        if(Ext.isIE && !this.hideTrigger && this.el.getY() != (y = this.trigger.getY())){
	            this.el.position();
	            this.el.setY(y);
	        }
	    }
	});

方法2：
将ComboBox的hideTrigger属性设置为false