EXTJS中 DateField 显示一半的解决方法

最新推荐文章于 2017-02-07 16:35:01 发布

风月无边

最新推荐文章于 2017-02-07 16:35:01 发布

阅读量4.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/xzknet/article/details/8588108

版权

JavaScript 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

只显示了一半，巨郁闷。

在网络上查了一下是IE8的问题，说需要执行一堆JS。

解决方案：

放到DateField控件调用之前就可以。（或放到ext-all.js中）

1. Ext.isIE8 = Ext.isIE && navigator.userAgent.indexOf('MSIE 8') != -1; //这句一定要加，如果版本不支持isIE8属性的话
2. 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) {   //Ext2.1.1 支持 Ext.isIE8 属性   
            el.setWidth(this.minWidth);
            var t = el.dom.offsetWidth;
            el.setWidth(ul.getWidth() + el.getFrameWidth("lr"));
        }
    }
});

后来试了一下，不行。

仔细分析后认为是页面的HTML写的问题。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE8' />

我删除第一行后，界面显示正常，万恶的IE，自己搞这么多标准。最后HTML如下：

<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE8' />

风月无边

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录