求助ExtJS的一个问题（Ext 未定义）
如题，今天开始学习ExtJS，但写个Hello就出问题了。大家帮帮忙看下好吗？网上查了下，说是顺序或路径问题。index.jsp中：<linkrel="styleshee...
如题，今天开始学习ExtJS，但写个Hello就出问题了。大家帮帮忙看下好吗？
网上查了下，说是顺序或路径问题。
index.jsp中：
<link rel="stylesheet" type="text/css" href="css/ext-all.css"/>
<script type="text/javascript" src="js/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
alert("======");
});
</script>
但用浏览器浏览 http://localhost:8080/hello时就报脚本错误：Ext未定义……
我该怎么做。。。谢谢
项目结构图： 展开
网上查了下，说是顺序或路径问题。
index.jsp中：
<link rel="stylesheet" type="text/css" href="css/ext-all.css"/>
<script type="text/javascript" src="js/ext-base.js"></script>
<script type="text/javascript" src="js/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
alert("======");
});
</script>
但用浏览器浏览 http://localhost:8080/hello时就报脚本错误：Ext未定义……
我该怎么做。。。谢谢
项目结构图： 展开
6个回答
展开全部
引用Ext文件的路径不对，根据你的文件目录，以下三个不可能找到文件。
href="css/ext-all.css"
src="js/ext-base.js"
src="js/ext-all.js"
建议把Ext相关文件仿佛奥WebRoot目录，然后通过
href="../css/ext-all.css"
src="../js/ext-base.js"
src="../js/ext-all.js"
引用。
“../”是返回到上一层目录的意思。
href="css/ext-all.css"
src="js/ext-base.js"
src="js/ext-all.js"
建议把Ext相关文件仿佛奥WebRoot目录，然后通过
href="../css/ext-all.css"
src="../js/ext-base.js"
src="../js/ext-all.js"
引用。
“../”是返回到上一层目录的意思。
追问
老大，不行啊，你快给看看，愁死我了，先谢谢哈
追答
只要把你的js和css文件夹移动到WebRoot目录下，你原理的代码就好使。
我试过了，在Eclipse中新建动态JavaWeb工程，然后按照你的目录组织，你的代码是好使的。
下面是截图，祝你好运。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在这不对Extjs做过多介绍了，详情百度一下。
给你个小的调用例子。
以下的例子是将Extjs的adapter、resources、src文件夹、ext-all.js文件放在新建的extjs文件夹里，下面的代码保存为.html文件放在与extjs同级的另一文件夹内，可直接看到效果。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript" src="../extjs/src/locale/ext-lang-zh_CN.js"></script>
<script language="javascript">
Ext.onReady(function(){
Ext.MessageBox.alert('Helloworld','Hello World');
});
</script>
</head>
<body id="Main" scroll="no">
</body>
</html>
如无extjs文件可到官方网站下载，或直接下载。
给你个小的调用例子。
以下的例子是将Extjs的adapter、resources、src文件夹、ext-all.js文件放在新建的extjs文件夹里，下面的代码保存为.html文件放在与extjs同级的另一文件夹内，可直接看到效果。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo</title>
<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../extjs/ext-all.js"></script>
<script type="text/javascript" src="../extjs/src/locale/ext-lang-zh_CN.js"></script>
<script language="javascript">
Ext.onReady(function(){
Ext.MessageBox.alert('Helloworld','Hello World');
});
</script>
</head>
<body id="Main" scroll="no">
</body>
</html>
如无extjs文件可到官方网站下载，或直接下载。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你现在的文件路径与你页面中引用的位置不一致。
将ext，css等文件夹都放入WebRoot文件夹再试试
将ext，css等文件夹都放入WebRoot文件夹再试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
文件路径：1> ../容易出现类似情形，最后是定义一个目录 2>找不到工程名可用§/替换
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
文件路径：1> ../容易出现类似情形，最后是定义一个目录 2>找不到工程名可用§/替换
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
