第一个EXTJS事例
日期：2014-05-16 浏览次数：20487 次
第一个EXTJS例子
搭建好MyEclipse平台上EXTJS的开发环境后就可以进行extjs的开发，下面给出一个最最简单的例子：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="/ext-all.css" />
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="/ext-all.js"></script>
</head>
<body>
<script type="text/javascript">
Ext.onReady(function() {
Ext.MessageBox.alert("he he");
});
</script>
</body>
</html>
?
这个例子里只是简单地弹出一个提示框，这里最常遇到的问题是EXTJS不起作用，而在fireBug里调用时发现：报EXT未定义的错，其实这里是加载EXTJS依赖文件时出了问题，我以为将ext-all .css ，ext-base.js, ext-all.js （这三个是最基本的EXTJS的依赖文件，并且引用时ext-base.js必须放在ext-all.js的前面 ），我将这三个文件放到web项目的WebRoot目录下就可以用/作根来引用它们，这个路径是在myeclipse平台是正确可以访问到对应文件的，但放在浏览器去解析就出错了，这里不建议用/或./的形式来引用文件路径，一是用绝对路径（不推荐），一是用相对路径(相对当前文件，如../ext-all.css表示相对当前文件的所在目录（为当前目录）的父目录)，这两种方式来实现，可以用crtl+鼠标的方式来看你加入的路径是否可以访问到你的资源。
???? 所以上面的例子运行没效果，只要将/去掉就可以了，开发EXTJS主要看API文件就可以，上面讲得很清楚。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
