（Ext4.0.7） viewport 控件中让north导入html中的内容

来源：互联网发布：汇编语言定义数组编辑：程序博客网时间：2024/06/06 00:47

TestNorth.js 文件

//-------------------------------------头部-----north设置-----------

var north=new Ext.Panel({
        border:false,
        region:"north",
        height:80,
        items:new Ext.Component({
            contentEl:'top',    //用html 中'top'控件代替该框架，（本例子中，html文件中 div 是‘top’ 的将填补该框架）
            height:80
        })

});

Ext.onReady(function () {

    //定义树形组件
    //Ext.Msg.alert('提示信息', '学习EXTJS');

    var vp=new Ext.Viewport({
        layout:"border",
        items:[north, center]
    });
});

testNorth.html 文件

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>VV_ERP系统测试</title>
    <link rel="stylesheet" type="text/css" href="CSS/css.css" />
    <link rel="stylesheet" type="text/css" href="extjs4/resources/css/ext-all.css" />
    <script type="text/javascript" src="extjs4/ext-all.js"></script>
   <script type="text/javascript" src="extjs4/locale/ext-lang-zh_CN.js"></script>
   <script type="text/javascript" src="../js/default.js"></script>
</head>

<body>
        <div id="top" class="fiterall">
            <div id="bg" style=" vertical-align:middle;width:700px;height:70px;">
                <img src="images/topbg.png"></img>
                <font size=4>OA系统</font>
                <font size=10 >欢迎大家</font>
            </div>
        </div>
</body>
</html>