关于Extjs2.0日期控件(DateField)在FireFox3下过长的解决办法

最新推荐文章于 2018-10-23 09:43:00 发布

最新推荐文章于 2018-10-23 09:43:00 发布 · 150 阅读

文章标签：

#EXT #Firefox #CSS #PHP

extjs使用专栏收录该内容

20 篇文章

订阅专栏

本文介绍了EXTJS2.0版本中日期控件在Firefox3.x浏览器下出现的时间空间被拉长的问题，并提供了两种有效的解决方案。一种是通过CSS明确设置宽度，另一种是通过JS代码覆盖原有方法。

公司项目之前用到了ext2.0版本，在最新Firefox3上发生了时间空间被拉长的bug，在网上找到解决办法.
FireFox 3.x 出来了一段时间了，很多用户依然使用的是EXTJS 2.02的版本。（很多原因......）,日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法：

你必须在CSS中明确设置它的宽度。

css代码
.x-date-middle {
padding-top:2px;padding-bottom:2px;
width:130px; /* FF3 */
}(已经试用过了)

另一种解决办法：
（来自lonelyblue的解决方法）

Js代码
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';
}
}
});

转载地址为：http://www.extjs.org.cn/index.php?q=node/219"

lonelyblue帖子的地址为：http://www.iteye.com/topic/205975