欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

转载:ExtJS日历控件在chrome显示异常(布满整个屏幕)的解决办法

程序员文章站 2022-03-26 22:58:05
...
extjs2.2-3.0 Date控件在chrome显示异常(转载:http://blog.sina.com.cn/s/blog_4b5bc0110101abpx.html)

解决办法:

一、在date-picker.css中加入控件的宽度185

.x-date-picker

{

border: 1px solid;

border-top:0 none;

position:relative;

width: 185px;

}

当然,date-picker.css需要被引入

二、

近在用extjs的DateField控件的时候,总是出现时间空间显示的时候宽度占满了整个屏幕,后来发现这个extjs在chrome下面的一个bug

解决:重写DateMenu,添加style.width='178px'


/********** 解决日历控件显示异常 **********/ 
Ext.override(Ext.menu.DateMenu, { 
    render : function() { 
        Ext.menu.DateMenu.superclass.render.call(this); 
        if (Ext.isGecko || Ext.isSafari || Ext.isChrome) { 
            this.picker.el.dom.childNodes[0].style.width = '178px'; 
            this.picker.el.dom.style.width = '178px'; 
        } 
    } 
});
相关标签: ext javascript