第一个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文件就可以,上面讲得很清楚。