小弟正处于学习Ext阶段,今天遇到了一个问题,望各位大哥帮忙解决。
这是小弟写的一个简单的js:
Ext.onReady(function(){
Ext.QuickTips.init();
//左边的面板
var westPanel = new Ext.Panel({
region:"west",
title:"左边的面板",
layout:"accordion",
width:200,
minSize: 150,
maxSize: 500,
collapsible:true,
animate:true,
items:[westChildPanel1,westChildPanel2]
});
//左边的面板中的第一个面板
var westChildPanel1 = new Ext.Panel({
title:"Ext核心API详解",
width:200
});
//左边的面板中的第二个面板
var westChildPanel2 = new Ext.Panel({
title:"功能菜单",
width:200
});
//中间的面板
var mainPanel = new Ext.tabPanel({
region:"center",
title:"centerPanel"
});
//北边的面板
var northPanel = new Ext.Panel({
region:"north",
contentEl:"header"
});
//主视图
var mainView = new Ext.Viewport({
layout:"border",
items:[northPanel,westPanel,mainPanel]
});
mainView.doLayout();
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
});
html代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
main.html
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" type="text/css" href="./resources/css/ext-all.css">
<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
这里放顶部菜单栏
为什么运行的时候在Firebug给我提示:
A is undefined
http://localhost:8080/ExtPractice/ext-all.js
Line 64