在ie8下ext显示的有关问题-AJAX教程-爱易网页

在ie8下ext显示的有关问题

日期：2014-05-16　浏览次数：20771 次

在ie8下ext显示的问题
在ie8下，点击左边的树形导航栏，在右面板中，弹出相对应的内容，这些内容都写在iframe中，但是在ie8下，需要随便在页面上点击一下鼠标，才能显示内容，换成Firefox和ie7，都能正常的显示，求各位高手解答。
这是部分代码

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: tr

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

在ie8下ext显示的有关问题

相关资料更多>

推荐阅读更多>