修复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. });
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. });