[解决]extjs 时间控件在firefox下变得很长

因为打算在接下来的项目中引入extjs,所以重新学习了一下extjs。

在使用extjs的时间控件时,发现在firefox下变得很长。

思考了一下,在之前使用dhtmlx时,有一种情况,就是本来想某个容器里的div能在被遮挡到的时候有滑动条,但是找不到相应的api,无奈只能自行操作dom属性。所以这里也是打算先试着自行操作dom的属性。经过测试后,发现控件的id不是固定不变的。

在网络上搜到了解决方法:

第一种,设置css的长度:

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

第二种,操作dom:

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

两种方法经测试都可行。

原文是extjs中文官网

» 本文链接地址:https://www.xidige.com/197

打开支付宝扫一扫,即可进行扫码打赏哦

扫码支持
扫码打赏,你说多少就多少

标签:

分享到:

扫一扫 在手机阅读、分享本文

上一篇: 下一篇:
评论区0人评论159人参与

电子邮件地址不会被公开。 必填项已用*标注

*

loading

赞助商广告