【转】Extjs2.2.1 DateField 变形的问题解决方案

最新推荐文章于 2015-09-21 11:36:59 发布

转载最新推荐文章于 2015-09-21 11:36:59 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qqzy168/p/3761148.html

本文针对Extjs2.2.1版本中菜单宽度显示不正确及日期选择器在不同浏览器下表现异常的问题，提供了定制化的解决方案。通过重写Extjs的部分核心组件，实现了菜单宽度的自适应调整，并解决了日期选择器在Chrome浏览器中的布局问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
//Extjs2.2.1 DateField 变形的问题
// IE
Ext.isIE9 = Ext.isIE && navigator.userAgent.indexOf('MSIE 9')!=-1;
Ext.isIE10 = Ext.isIE && navigator.userAgent.indexOf('MSIE 10')!=-1;
Ext.override(Ext.menu.Menu, {
    autoWidth: function() {
        var el = this.el,
            ul = this.ul;
        if (!el) {
            return;
        }
        var w = this.width;
        if (w) {
            el.setWidth(w);
        } else if (Ext.isIE && !Ext.isIE8 && !Ext.isIE9 && !Ext.isIE10) {
            el.setWidth(this.minWidth);
            var t = el.dom.offsetWidth;
            el.setWidth(ul.getWidth() + el.getFrameWidth("lr"));
        }
    }
});
// chrome
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';  
        }  
    }  
}); 
</script>

转载于:https://www.cnblogs.com/qqzy168/p/3761148.html