御风24311 2009-07-24 11:20
浏览 265
已采纳

Ext问题——A is undefined

小弟正处于学习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

  • 写回答

3条回答 默认 最新

  • iteye_20589 2009-07-24 11:45
    关注

    只改Ext.tabPanel 改为 Ext.TabPanel还是会有A is undefined错误的..
    [code="java"]var westPanel = new Ext.Panel({
    ...
    });

    //左边的面板中的第一个面板
    var westChildPanel1 = new Ext.Panel({
    ...
    });

    //左边的面板中的第二个面板
    var westChildPanel2 = new Ext.Panel({
    ...
    }); [/code]
    有错误吧..,
    我是把westPanel放到westChildPanel1 ,westChildPanel2 后面
    下面是我电脑上测试没问题的代码..extjs路径改你的就行了..
    [code="java"]<!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"> 
    





    <br> Ext.onReady(function(){ <br> Ext.QuickTips.init(); </p> <p>//左边的面板中的第一个面板 <br> var westChildPanel1 = new Ext.Panel({ <br> title:&quot;Ext核心API详解&quot;, <br> width:200 <br> }); </p> <p>//左边的面板中的第二个面板 <br> var westChildPanel2 = new Ext.Panel({ <br> title:&quot;功能菜单&quot;, <br> width:200 </p> <p>}); <br> //左边的面板 <br> var westPanel = new Ext.Panel({ <br> region:&quot;west&quot;, <br> title:&quot;左边的面板&quot;, <br> layout:&quot;accordion&quot;, <br> width:200, <br> minSize: 150, <br> maxSize: 500, <br> collapsible:true, <br> animate:true, <br> items:[westChildPanel1,westChildPanel2] <br> }); <br> //中间的面板 <br> var mainPanel = new Ext.TabPanel({ <br> region:&quot;center&quot;, <br> title:&quot;centerPanel&quot; ,<br> renderTo:&quot;main&quot;<br> }); </p> <p>//北边的面板 <br> var northPanel = new Ext.Panel({ <br> region:&quot;north&quot;, <br> contentEl:&quot;header&quot; <br> }); </p> <p>//主视图 <br> var mainView = new Ext.Viewport({ <br> layout:&quot;border&quot;, <br> items:[northPanel,westPanel,mainPanel] <br> }); <br> mainView.doLayout(); <br> Ext.get(&#39;loading&#39;).remove(); <br> Ext.get(&#39;loading-mask&#39;).fadeOut({remove:true}); </p> <p>}); </p> <p>



    这里放顶部菜单栏


    加载中,请稍等...



    [/code]
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥15 pyqt信号槽连接写法
  • ¥500 把面具戴到人脸上,请大家贡献智慧,别用大模型回答,大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注