修复Ext 2.X的DateField在Firefox3里的BUG

修复Ext 2.X的DateField在Firefox3里的BUG
2009-05-29 20:41

FireFox 3.x 出来了一段时间了,很多用户依然使用的是EXTJS 2.02的版本。(很多原因......),日期控件在FireFox 3.x 下会被拉得很长很长。
这一个问题官方已经解决了。解决办法:

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

   1. .x-date-middle {    
   2.      padding-top:2px;padding-bottom:2px;    
   3.      width:130px; /* FF3 */   
   4. }   

.x-date-middle {        padding-top:2px;padding-bottom:2px;        width:130px; /* FF3 */   }

另一种解决办法:
(来自lonelyblue的解决方法)
Js代码

   1. Ext.override(Ext.menu.DateMenu,{       
   2.      render : function(){       
   3.          Ext.menu.DateMenu.superclass.render.call(this);       
   4.         if(Ext.isGecko){       
   5.             this.picker.el.dom.childNodes[0].style.width = '178px';       
   6.             this.picker.el.dom.style.width = '178px';       
   7.          }       
   8.      }       
   9. });  

你可能感兴趣的:(xml,css,ext,firefox)