转载: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';
}
}
});
解决办法:
一、在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';
}
}
});