FireFox 3.x 出来了一段时间了,很多用户依然使用的是EXTJS 2.02的版本。(很多原因......),日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法:
你必须在CSS中明确设置它的宽度。
.x-date-middle { padding-top:2px;padding-bottom:2px; width:130px; /* FF3 */ }
另一种解决办法:
Ext.override(Ext.menu.DateMenu,{ render : function(){ Ext.menu.DateMenu.superclass.render.call(this); if(Ext.isGecko){ this.picker.el.dom.childNodes[0].style.width = '178px'; this.picker.el.dom.style.width = '178px'; } } });
上面的办法可能在firefox下有点用吧,但是在IE8下还是有问题,
太短了,呵呵。
可能是2.02的原因吧。
Ext.override(Ext.menu.Menu, { autoWidth: function() { this.width += "px"; } });
解决