在 IE8 下 EXT的显示问题
這是部分代碼 HTML code
<%@ page contentType="text/html;charset=UTF-8"%><%@ include file ="/includes/jsp/init.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>系統首頁</title><!-- 引入基礎的JS和CSS文件 --><%@ include file="/common/meta_ext.jsp"%><link href="/resources/css/index/index.css" rel="stylesheet" type="text/css"/><link href="/resources/css/index/index-treetab.css" rel="stylesheet" type="text/css"/><script src="/resources/js/index/index.js" type="text/javascript"></script><script src="/resources/js/ext/ux/Portal.js" type="text/javascript"></script><script src="/resources/js/ext/ux/PortalColumn.js" type="text/javascript"></script><script src="/resources/js/ext/ux/Portlet.js" type="text/javascript"></script><script src="/resources/js/ext/ux/TabCloseMenu.js" type="text/javascript"></script><script src="/resources/js/jquery/jquery.js" type="text/javascript"></script><script type="text/javascript">var opername='<%= user.getOperName()%>';
Ext.onReady(function(){
??? Ext.QuickTips.init();//定義頁頭??? var header =new Ext.Panel({
??????? border: false,
??????? layout: 'anchor',
??????? region: 'north',
??????? margins: '0 0 1 0',
??????? height: 100,
??????? items: [{
??????????? xtype: 'box',
??????????? el: 'header',
??????????? border: false,
??????????? anchor: 'none -1'
??????? }],
??????? bbar: ['->','-',{
??????????????? xtype: 'splitbutton',
??????????????? text: '當前用戶：'+opername,
??????????????? iconCls: 'icon-user-male',
??????????????? menu: [{
??????????????????? text:'修改用戶基本信息', handler:help
??????????????? },{
??????????????????? text:'修改密碼', handler:help
??????????????? }]
??????????? },'-',{
??????????????? text: '退出系統',
??????????????? iconCls: 'icon-exit',
??????????????? handler: relogin
??????????? },'-']
??? });//定義樹菜單控件??? var tree =new Ext.tree.TreePanel({
??????? useArrows: true,
??????? animate: true,
??????? enableDD: false,
??????? border: false,
??????? rootVisible: false,
??????? autoScroll: true,
??????? containerScroll: true,
??????? bodyStyle: 'padding:3px',
??????? root: new Ext.tree.AsyncTreeNode({
??????????? id: '-1',
??????????? draggable: false,
??????????? leaf: false
??????? }),
??????? loader: new Ext.tree.TreeLoader({
??????????? dataUrl: '/extAction.do?task=getTreeJson',
??????????? listeners: {"beforeload": function(treeLoader, node){
??????????????????? treeLoader.baseParams.id = node.id;
??????????????? }
??????????? }
??????? })
??? });
??? tree.on('click', function(node, e){if(node.id !=-1&& node.attributes.url !=null){
??????????? openUrl(node.attributes.url);
??????? }else{
??????????? tree.expandPath(node.getPath());
??????? }
??? });
??? tree.on('beforeexpandnode', function(node){if(node.id!=-1&&node.getDepth()==1){
??????????????? tree.collapseAll();
??????????? }
??? });//定義樹菜單面板??? var treePanel =new Ext.Panel({
??????? region: 'west',
??????? collapsible: true,
??????? autoScroll: true,
??????? split: true,
??????? iconCls: 'icon-expand-all',
??????? title: '菜單導航',
??????? width: 220,
??????? maxWidth: 300,
??????? minWidth: 220,
??????? margins: '0 0 3 5',
??????? items: tree
??? });//定義主界面整體布局??? var viewPort =new Ext.Viewport({
??????? layout: 'border',???????????
??????? items: [header, treePanel, new Ext.Panel({
??????????????? id:'main_panel',
??????????????? region: 'center',
??????????????? width:400,
??????????????? contentEl:'con'????
??????????????? })]
??? });
});function openUrl(url){if(url!=null){
??????? document.getElementById('misFrame').src = url;
?????? }
}</script></head><body><div id="header" style="background-image:url(/resources/images/background/header6.jpg);background-repeat: repeat-x;"><img?? src="/resources/images/background/toplf5.jpg"/></div><div id="con" style="height:100%;"><iframe src="http://www.baidu.com" id="misFrame"? name="misFrame" width="100%" height="100%" frameborder="0"></iframe></div></body></html>
============================================================================
答案：
在<head>中間加一句<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
總結
以上是生活随笔為你收集整理的在 IE8 下 EXT的显示问题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解决 Ext.Ajax.request
- 下一篇： ExtJs异步ajax调用和同步ajax